H5的FormData对象完成ajax上传文件multiFile

最近工作中需要完成，ajax上传图片，可是input file +ajax是无法完成的；

于是寻找了许久，发现了H5 的一个对象FormData

使用方法如下：

HTML:

 <form id="myForm" enctype="multipart/form-data">

        <input type="hidden" name="name"  value="马三" />

        <input type="hidden" name="age"  value="25" />

        <input type="file"      name="myfile"   />

 </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表单默认编码不允许上传文件，增加此属性才行。

巴特西

H5的FormData对象完成ajax上传文件multiFile

最新文章

热门文章