首页 > 代码库 > H5的FormData对象完成ajax上传文件multiFile
H5的FormData对象完成ajax上传文件multiFile
最近工作中需要完成，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 = http://www.mamicode.com/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
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。