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

上一篇:SAP-设置显示表格格式


下一篇:Starting MySQL.. ERROR! The server quit without updating PID file (/usr/local/mysql/data/localhost.localdomain.pid).