如何使用FormData將文件上傳到服務器？

Question

我嘗試使用FormData對象將文件上傳到Spring服務器。 我隱藏type="file"輸入。 但是，當我提交表格時，它不起作用。 我不知道哪里不對。

這是html一部分。 單擊某些按鈕時，將saveFiles() 。

 <script src="http://malsup.github.com/jquery.form.js"></script> <form name="fileForm" id="fileForm" method="post" enctype="multipart/form-data"> <input style="display:none" type="file" id="fileSelector" name="fileSelector" multiple="" /> <input type="hidden" id="docId" value="${doc.id}" /> <div id="files"></div> </form> (function (global, $) { ... initFilehandler(); ... } function initFilehandler() { document.querySelector('#fileSelector').addEventListener('change', handleFileSelect, false); selDiv = document.querySelector("#files"); } function saveFiles() { $("form#fileForm").submit(function(event){ event.preventDefault(); var formData = new FormData($(this)[0]); console.log(formdata); $.ajax({ url: "/rd/file/save", type: "POST", data: formData, async: false, cache: false, contentType: false, processData: false, success: function () { alert("success"); } }); }); } 

Answer 1

您不能只使用formdata來上傳文件。 這個有很多選擇。 但是我給你的是一個簡單的東西。

嘗試使用此插件：

jQuery表單

我多年來一直在使用它，尤其是多個文件上傳。 好東西..這些插件有用於上傳進度的回調..您可以制作進度條或其他東西。