1. 程式人生 > 其它 >Ajax提交表單的檔案作為引數

Ajax提交表單的檔案作為引數

 1 $(function () {
 2             $("#btnSave2").on("click", function () {
 3                 var url = "ReportWeekEditHandler.ashx";
 4                 var data = $("form").serialize();//普通表單傳參
 5 
 6 
 7                 //表單的檔案作為引數
 8 
 9                 //方式一,單獨增加傳參
10                 //var formData = new FormData();
11 //formData.append("input", $("#dateYear").find("option:selected").val()); 12 //formData.append("input", $("#dateWeek").find("option:selected").val()); 13 //formData.append("input", $("#workContent").val()); 14 //formData.append("file", $("#upload_view")[0].files[0]);
15 //formData.append("file2", $("#upload_img")[0].files[0]); 16 17 18 //方式二,將form格式化FormData 19 var formData = new FormData(document.querySelector("form")); 20 21 try { 22 23 $.ajax({ 24 url: url,
25 type: 'POST', 26 data: formData, 27 // 告訴jQuery不要去處理髮送的資料 28 processData: false, 29 // 告訴jQuery不要去設定Content-Type請求頭 30 contentType: false, 31 beforeSend: function () { 32 console.log("正在進行,請稍候"); 33 }, 34 success: function (responseStr) { 35 if (responseStr.status === 0) { 36 console.log("成功" + responseStr); 37 } else { 38 console.log("失敗"); 39 } 40 }, 41 error: function (responseStr) { 42 console.log("error"); 43 } 44 }); 45 46 } catch (e) { 47 alert(e); 48 } 49 50 return false; 51 }); 52 });

參考資料: https://blog.csdn.net/qq_34720759/article/details/78885657

如有侵權請告知,及時刪除。