FormData要求對象為字符串。以下是替代品： Frontend Replace: formData.append('filesToDelete', filesToDelete) With: formData.append('filesToDelete', JSON.stringify(filesToDelete)) Backend Replace: const filesToDelete = req.body.filesToDelete With: const filesToDelete = JSON.parse(req.body.filesToDelete)

根據body-parser的文檔： 這不處理多部分實體，因為它們的性質復雜且通常很大。 在您的屏幕截圖中，請求標題部分中有說明。 示例中的解決方案包括： 只發送一個JSON有效負載（由bodyParser.json()解析） 將Content-Type設置為application/x-www-form-urlencoded（由bodyParser.urlencoded()解析） 在文檔中為多部分正文使用推薦的模塊： Docs: https://github.com/expressjs/body-parser/tree/1.20.0#readme 要發送您在OP中使用的帶有axios的JSON有效負載，請執行以下操作： axios.post({ first_name: "This is a JSON property"}) or $axios.$post() 如果您正在使用nuxt/axios，這是一個方便的函數，它將返回響應正文而不是整個響應。 Docs: https://axios.nuxtjs.org/usage#-shortcuts

@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

首先，調用fetch，它發出POST請求 當您得到一個響應時，您記錄響應對象（它不包含任何有用的東西，特別是響應的主體將顯示為可讀流而不是字符串）。 這個響應確實顯示了array(1) { ["mode"]=> string(5) "basic" } Array ( [mode] => basic ) basic，不過，您可以使用瀏覽器開發工具的網絡選項卡看到它。 在記錄響應之后，設置location.replace(response["url"]);，它發出GET請求（到相同的URL）并將瀏覽器導航到該請求。 GET請求是另一個請求，沒有來自它的POST請求的請求體。 因為它是一個不同的請求，所以它得到不同的響應，現在$_POST是一個空數組。 如果您想導航到響應，那么就去掉JavaScript。只需使用表單發出POST請求，并讓瀏覽器呈現結果頁面。 如果要使用Ajax發出請求，則： 不要立即離開頁面 對響應執行一些有用的操作（首先調用response.text()從響應體中獲取數據，然后使用createElement、appendChild和朋友將數據添加到當前文檔中）

它看起來像你有一個屬性產品，該屬性具有你試圖獲得的價值。 因此，我們應該： formdata.append("image", this.image);formdata.append("name", this.name);formdata.append("price", this.price);formdata.append("details", this.details);formdata.append("subject", this.subject); do: formdata.append("image", this.image);formdata.append("name", this.products.name);formdata.append("price", this.products.price);formdata.append("details", this.products.details);formdata.append("subject", this.products.subject);

upload.single('file')返回一個中間件函數。因此，您應該將它添加到router.post函數調用的中間件列表中，或者按照如下方式正確調用它（這是非常不常見的）； const theRealUpload = upload.single('file');theRealUpload (req, res, function (err) { if (err) { // Handle error } // Do your stuff here...})

模型綁定按名稱綁定參數。您的后端IEnumerable<IFormFile> files名稱為files。 因此，您需要更改代碼，如下所示： files.forEach(file => formData.append("files", file)); 此外，我知道你可能想通過數組索引發布它。僅對于復雜的列表模型類型，您可能需要如下帖子：model[index].PropertyName。參考這里。

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

this.http.post需要在this.Base64ToFile(..)調用的.then(...)中 你不會在APIpost之前等待asyncfetch完成

更改表單名稱，如下所示： <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=

this.http.post需要在this.Base64ToFile(..)調用的.then(...)中 你不是在等待asyncfetch在APIpost之前完成

問題是tsconfig.json沒有正確設置。需要包括幾個庫。它也不在目錄的根目錄中，它需要根目錄。 { "compilerOptions": { /* Language and Environment */ "target": "es2016", /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */ /* Modules */ "module": "commonjs", /* Specify what module code is generated. */ "esModuleInterop": true, /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */ // "preserveSymlinks": true, /* Disable resolving symlinks to their realpath. This correlates to the same flag

注銷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'));}

這是因為一個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相同。

我認為主要問題是您正在將formData初始化為空數組。這使得handleClick中對formData的map調用什么也不做，因為對空數組調用map不會對任何元素調用map函數。