我在使用 IFormFile 和 FormData 時遇到問題。
當我使用 FormData 提交檔案時，映射的物件在后端回傳空值。
我提供了一個代碼示例，以便您查看我的代碼。
角度：
upload(prod: Product) {
let formData = new FormData();
formData.append("productName", prod.productName);
formData.append("productSku", prod.productSku);
for(let i=0;i<prod.variants.length;i ){
formData.append(`variants[${i}][variantName]`, prod.variants[i].variantName);
formData.append(`variants[${i}][media][fileName]`, prod.variants[i].media.fileName);
formData.append(`variants[${i}][media][mediaFile]`, prod.variants[i].media.mediaFile);
}
console.log(prod);
this.http.post('https://localhost:7255/api/products', formData)
.subscribe(res => {
console.log(res);
alert('Uploaded Successfully.');
})
}
ASP.Net 核心
[Route("api/[controller]")]
[ApiController]
public class ProductsController : ControllerBase
{
public ProductsController() {}
[HttpPost]
public IActionResult Post([FromForm] ProductCreateDto product )
{
return Ok();
}
}
public class ProductCreateDto
{
[JsonProperty("productName")]
public string? ProductName { get; set; }
[JsonProperty("productSku")]
public string? ProductSku { get; set; }
[JsonProperty("variants")]
public IEnumerable<Variant> Variants { get; set; }
}
public class Media
{
[JsonProperty("fileName")]
public string? FileName { get; set; }
public IFormFile? MediaFile { get; set; }
}
public class Variant
{
[JsonProperty("variantName")]
public string? VariantName { get; set; }
[JsonProperty("media")]
public Media? Media { get; set; }
}
我得到了什么
當我更新代碼并將 IFormFile 放入 DTO 時，它可以作業
public class ProductCreateDto
{
[JsonProperty("productName")]
public string? ProductName { get; set; }
[JsonProperty("productSku")]
public string? ProductSku { get; set; }
[JsonProperty("variants")]
public IEnumerable<Variant> Variants { get; set; }
public IFormFile TEST { get; set; }
}
第一個代碼有什么錯誤？
uj5u.com熱心網友回復：
我發現我的錯誤。映射不好。我之前檢查過郵遞員。如果有人感興趣，這是解決方案。
upload(prod: Product) {
let formData = new FormData();
formData.append("productName", prod.productName);
formData.append("productSku", prod.productSku);
for(let i=0;i<prod.variants.length;i ){
formData.append(`variants[${i}].variantName`, prod.variants[i].variantName);
formData.append(`variants[${i}].media.fileName`, prod.variants[i].media.fileName);
formData.append(`variants[${i}].media.mediaFile`, prod.variants[i].media.mediaFile);
}
this.http.post('https://localhost:7255/api/products', formData)
.subscribe(res => {
console.log(res);
alert('Uploaded Successfully.');
})
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/469484.html
標籤：asp.net 核心 asp.net-web-api 表单数据