标签:
最近工作中需要完成,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表单默认编码不允许上传文件,增加此属性才行。
H5的FormData对象完成ajax上传文件multiFile
标签:
原文地址:http://www.cnblogs.com/maxm/p/5879752.html