get the uploaded form data using jquery -


how details of form before post in following way, or @ least details of file(name, size etc..)

{"photo":{"name":"vishnuvardhan.siddareddy@fisglobal.com_f16.pdf","type":"application\/pdf","tmp_name":"\/tmp\/phpghorhj","error":0,"size":72057}}  

if alert(formdata), showing [object formdata].

jquery code

 $("#applybtn").click(function(){             var formobj = $('#multiform');             var formurl = formobj.attr("action");                        var formdata = new formdata(this);                  alert(formdata);                 return false;              $.ajax({                     url: formurl,                     type: "post",                     data:  formdata,                     mimetype:"multipart/form-data",                     contenttype: false,                     cache: false,                     processdata:false,                     success: function(data, textstatus, jqxhr)                     {                      },                     error: function(jqxhr, textstatus, errorthrown)                      {                     }                           });                 e.preventdefault();      }); 

given id of file, can of it's pertinent info, using getelementbyid taking element's files property , parsing it. assuming uploading 1 file, want files[0].

html:

<input type='file' onchange='get_info()' id = 'the_file' /> 

javascript:

get_info = function(){     the_file = document.getelementbyid('the_file');     console.log(the_file.files[0]); } 

fiddle: http://jsfiddle.net/trex005/8pvhnfz9/

i'll go ahead , let work of putting object format want.


Comments

Popular posts from this blog

c - Bitwise operation with (signed) enum value -

xslt - Unnest parent nodes by child node -

YouTubePlayerFragment cannot be cast to android.support.v4.app.Fragment -