How do I upload file via php with jquery?

Question

I present a dialog with a form to upload a file.

When OK is clicked, the selected file should upload.

How do I do this with jquery and PHP?

Code:

    if(act=='exchangePic')
{               
    $("#dialog").attr('title','Change picture ').dialog({buttons:{'ok':{class:'btn',text:'Ok',click:function(){
    $('#imgHolder_'+picture_id).css({'background-color':''});
    $(this).dialog('close');    

    }}}, show:'fade',hide:'explode',width:'380px',modal:true,closeText:' X  '}).html("<form><input type='file' id='newUpload' name='newUpload' class='upfile'/></form>");

}//end of act=='exchangePic'

You cannot upload files using XMLHttpRequest (AJAX). Try to use blueimp.github.com/jQuery-File-Upload — Arun
– Arun, Commented Jan 9, 2013 at 16:53
@Arunkumar — You can. You just need a browser that supports the File API. Such: developer.mozilla.org/en-US/docs/… — Quentin
– Quentin, Commented Jan 9, 2013 at 16:57
@Arunkumar, XMLHttpRequest v 2.0 is able to handle files. You could also use jQuery form plugin if you want. It's really simple. malsup.com/jquery/form — MahanGM
– MahanGM, Commented Jan 9, 2013 at 17:15

SavoryBytes · Accepted Answer · 2013-01-09 17:01:25Z

1

Why write everything yourself? Plupload is a solid open source uploader with lots of great features.

Here is the jquery sample

Plupload features

answered Jan 9, 2013 at 17:01

SavoryBytes

36.4k4 gold badges55 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mehraban Bahrami Over a year ago

Thanks Looks so nice! I'll try it now.

Collectives™ on Stack Overflow

How do I upload file via php with jquery?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related