包含文件的表单提交方法与普通表单提交方法有2处不同：
- 编码类型为：enctype=”multipart/form-data”
- 获取表单数据：普通表单[ $(“#myForm”).serialize(); ] —- 包含文件的表单[ new FormData($(“#myForm”)[0]) ]
html:
|
1 2 3 4 |
<form id="myForm" enctype="multipart/form-data"> <input type="text" name="title" placeholder="请输入标题"> <input type="file" name="file" accept="audio/mpeg" value="选择文件"> </form> |
js:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
var formData = new FormData($("#myForm")[0]); $.ajax({ url: "http://myurl/", data: formData, type: "Post", contentType: false, //必须 processData: false, //必须 async : false, cache : false, dataType : 'json', success: function (res) { // do something } }) |
文章评论 暂无评论
暂无评论