分配zero-length字符串將解決此問題。 Do this: var additem = ""; 與此相反： var additem; 因為Javascript自然地將值undefined分配給每個變量，所以當您用另一個字符串添加它時，它只會附加未定義的值。 For example: var shouldBeUndefined; var shouldBeNullString = "";console.log(shouldBeUndefined);console.log(shouldBeNullString);shouldBeUndefined += "concat";shouldBeNullString += "concat";console.log(shouldBeUndefined);console.log(shouldBeNullString); 完整工作代碼： var additem = "";var frm = document.getElementById('prd2');var data = new FormData(frm);for (var value of data.values()) { additem += value + '|';}console.log(additem); <form id="prd2"><input type="h

FormData.append()將值轉換為字符串。在這種情況下，test : "[object Object]"是絕對正確的值；因此，您可以嘗試使用JSON.stringify： test_form.append(test, JSON.stringify(submit_obj)); 或Blob構造函數： test_form.append(test, new Blob([JSON.stringify(submit_obj)], {type:'application/json'}));

jQuery對象是array-like對象，其中DOM節點是值。因此，如果您有一個jQuery對象，其single-use$node[0]。 所以我認為你想要： var form = $(this).closest('form');var formData = new FormData(form[0]); 還可以使用陣列分解： var [form] = $(this).closest('form');var formData = new FormData(form);

@hiba-youssef這不是問題，控制臺記錄formData總是給出空的obj，但這并不意味著它是空的，要打印可以使用get（）方法的值，請參考此官方文檔https://developer.mozilla.org/en-US/docs/Web/API/FormData/get。 --EDIT--根據你的郵遞員截圖，你可以修改uploadHandler fn，如下所示 const uploadHandler = (event) => { const formData=new FormData(); formData.append('grossAmount',grossAmount); formData.append('taxNumber',taxNumber); formData.append('dueDate',dueDate); formData.append('netAmount',netAmount); formData.append('issueDate',issueDate); formData.append('issueDate',issueDate); formData.append('invoice',file); // now the formData is as per postman screenshot. You can also add all

兩者都有優點和缺點。以下是文檔中的一些信息： 代碼大小：通常，使用useState時，您必須提前編寫更少的代碼。使用useReducer，您必須編寫reducer函數和調度操作。然而，如果許多事件處理程序以類似的方式修改狀態，useReducer可以幫助減少代碼。 可讀性：當狀態更新很簡單時，useState很容易閱讀。當它們變得更復雜時，可能會使組件的代碼膨脹，使其難以掃描。在這種情況下，useReducer允許您將更新邏輯的方式與事件處理程序的發生情況清楚地分開。 調試：當useState出現錯誤時，很難判斷狀態設置錯誤的位置以及原因。使用useReducer，您可以將控制臺日志添加到reducer中，以查看每個狀態更新，以及它發生的原因（由于哪個操作）。如果每個操作都是正確的，您就會知道錯誤在reducer邏輯本身。然而，您必須單步執行比useState更多的代碼。 測試：reducer是一個純函數，它不依賴于您的組件。這意味著您可以單獨導出和測試它。雖然通常最好在更真實的環境中測試組件，但對于復雜的狀態更新邏輯，斷言reducer會為特定的初始狀態和操作返回特定的狀態是有用的。 個人偏好：有些人喜歡減速機，有些人不喜歡。沒關系。這是一個偏好的問題。您始終可以在useState和useReducer之間來回轉換：它們是等效的！ 如果您經常由于某些組件中不正確的狀態更新而遇到錯

Foreach在php中是這樣的 PHP: foreach 這就是$_FILES的樣子 PHP: $_FILES 所以在Upload.php中，您可以從 foreach(name in $_FILES['']) // how can I loop here on DataForm and get each tmpname??{console.log( $_FILES['name']['tmp_name']); } to foreach($_FILES as $key => $file ) { // $key is index and $file is item echo "this is ".$file['tmp_name']; // like console.log in js} 現在您可以對$_FILES變量進行交互，這意味著將訪問每個temp_name

您需要容納指定的有效負載{item:item}，以便調度 this.store.dispatch(AddItem({item: this.formData})) 它需要一個鍵/值對，正如您在createAction函數的props中指定的那樣。

更改表單名稱，如下所示： <form onSubmit={onSubmit}> <h1>Submit Form Nested Object UseState</h1> <input placeholder="First Name" name="fullName.firstName" value={formData.fullName.firstName} onChange={handleChange} /> <input placeholder="Last Name" name="fullName.lastName" value={formData.fullName.lastName} onChange={handleChange} /> <input placeholder="email" name="email" value={formData.email} onChange={handleChange} /> <input placeholder="password" name="password" value={formData.password} onChange={handleChange} /> <input placeholder="confirm Password" name=

注銷console.log(formData.get('picture')而不是console.log(formData)； sendPicture(event: any) { const file = event.target.files[0]; const formData = new FormData(); formData.append('picture', file); console.log(formData.get('picture'));}

public ResponseData insertCodeTaskForm(HttpServletRequest request, @RequestParam(required = false) MultipartFile file) {@RequestParam(required = false) 可傳可不傳@RequestParam(required = true) 必須傳 默認是true 必須傳

您必須將resp.Header().Set("Content-Type", mw.FormDataContentType())移動到第一次寫入的上方。像這樣： func handler(resp http.ResponseWriter, req *http.Request) { req.ParseMultipartForm(2097152) mw := multipart.NewWriter(resp) resp.Header().Set("Content-Type", mw.FormDataContentType()) mw.WriteField("name", req.FormValue("user_name")) mw.WriteField("email", req.FormValue("user_email")) mw.WriteField("message", req.FormValue("user_message")) mw.Close()} 在第一次寫入ResponseWriter之后，無法修改HTTP頭。如果在該點未設置Content-Type，則默認為瀏覽器無法解析的Content-Type: text/plain; charset=utf-8，因為它需要Content-Type頭中給出的邊界

這是因為一個FormData對象有一個Symbol.iterator方法，這使得它是可移植的。 您可以檢查并查看： formData[Symbol.iterator] === formData.entries 它們具有相同的功能。 現在Object.fromEntries(form)接受一個iterable，也接受mdn文檔： Parameters iterable 一個iterable，如Array或Map或實現iterable協議的其他對象。 因此Object.fromEntries將調用formData[Symbol.iterator]，這與調用formData.entries相同。

您的內容類型不正確，當它是表單數據時，您將其設置為json。要在$.ajax中正確地設置它，請將contenType設置為false，您也不能用get請求use POST發送表單數據 $.ajax({ url: "/Sections/AddRowsToMarketPart", type: 'POST', data: Data, processData: false, contentType: false, dataType:'json', ...[HttpPost] public JsonResult AddRowsToMarketPart(SubPart2Val model) { //Do something AND RETURN A VALUE return Json(model); }

你不能這樣console.logFormData條目，這是一個特殊的對象。 引自Mozilla網站： FormData對象允許您編譯一組要使用XMLHttpRequest發送的鍵/值對。它主要用于發送表單數據，但可以獨立于表單使用，以便傳輸鍵控數據。 但是，如果您想注銷這些值，可以使用entries()以這種方式訪問它們。 const fileHandler = (event) => { const formData = new FormData(); for (let i = 0; i < event.target.files.length; i++) { formData.append(event.target.files[i].name, event.target.files[i].type); } // use values this way (entries) for (var key of formData.entries()) { console.log(`${key[0]}, ${key[1]}`); } } return ( <div> <input label="Custom file input" accept=".shp, .csv" type="file" id="input" multiple onChange={fileH

Logging FormData FormData的默認toString()沒有記錄它的條目，所以看起來FormData是空的。 記錄條目的一種快速方法是將FormData.prototype.entries包裝在一個數組中： console.log(Array.from(formData.entries())) const formData = new FormData();formData.append('image', 'my image');formData.append('name', 'my name');formData.append('username', 'my username');formData.append('email', 'my email');formData.append('phone', 'my phone');formData.append('gender', 'my gender');formData.append('birth', 'my birth');formData.append('bio', 'my bio');formData.append("facebook", 'my facebook');formData.append("instagram", 'my instagram');console.log(Array.from(f