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

312 阅读1分钟

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);
                      }
               }
      });
});