ajax实现模拟表单多文件提交

html内容:

<div>
  <table id="outputInfo">
    <tr><td>Client</td><td><input id='ClientName' type='text'></td></tr>
    <tr><td>Logo</td><td><input id='Logo' type='file'/></td></tr>
  </table>
</div>
<button id="saveInfo">Save</button>

js内容:

$("#saveInfo").click(function () {
        var clientName = $("#ClientName").val();
        var formData = new FormData();
        alert(clientName);
        formData.append("file", document.getElementById("Logo").files[0]);
        formData.append("clientName", clientName);
        $.ajax({
              url: "上传地址",
              data: formData,
              type: "POST",
              // 告诉jQuery不要去处理发送的数据
              contentType: false,
              // 告诉jQuery不要去设置Content-Type请求头
              processData: false,//这两个一定设置为false
              success: function (info) {
                     if (info == "success") {
                             alert("成功上传");
                     } else {
                             alert(info);
                      }
               }
      });
});
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。