最近工作中需要完成,ajax上傳圖片,可是input file +ajax是無法完成的;
於是尋找了許久,發現了H5 的一個對象FormData
使用方法如下:
HTML:
1 <form id="myForm" enctype="multipart/form-data"> 2 <input type="hidden" name="name" value="馬三" /> 3 <input type="hidden" name="age" value="25" /> 4 <input type="file" name="myfile" /> 5 </form>
ajax:
var data = new FormData($('#myForm')[0]); $("#myForm").ajaxForm({ type:"post", url:url, data:data, success:function(data){ console.log("SUCCESS"); }, error:function(){ console.log("Failed"); } })
注意事項:1.上傳文件請在form增加屬性 enctype="multipart/form-data",form表單默認編碼不允許上傳文件,增加此屬性才行。
