无法将一系列对象附加到formdata -vuejs -asp.net core

Question

我正在尝试将一系列对象附加到FormData，但由于某种原因，我无法使其工作。看来，CreateStockingRedientdto未接收我通过的值。我一定缺少一些东西。我在这里寻找帮助。

控制器代码：

[HttpPost]
[Route("create")]
public int Create(IFormFile invoiceAttachment, [FromForm]CreateStockCommand command)
{
    // do something here.
}

请求处理程序

public class CreateStockCommand : IRequest<int>
{
    public DateTime CreatedDate { get; set; }
    public string? SupplierInvoiceId { get; set; }
    public int SupplierId { get; set; }
    public ICollection<CreateStockIngredientDto>? CreateStockIngredientDtos { get; set; 
}

public class CreateStockIngredientDto
{
    public decimal Price { get; set; }
    public decimal Quantity { get; set; }
    public DateTime StockedDate { get; set; }
    public DateTime ExpiryDate { get; set; }
    public int IngredientId { get; set; }
 }

客户端-Vuejs

const formData = new FormData()

    formData.append('invoiceAttachment', invoiceAttachment.value)
    formData.append('CreatedDate', createdDate.value)
    formData.append('SupplierInvoiceId', supplierInvoiceId.value)
    formData.append('SupplierId', supplierId.value)

    formData.append('CreateStockIngredientDtos', createStockIngredientDtos.value)

    axios.post('stock/create', formData, { headers: { 'Content-Type': 'multipart/form-data' } })
      .then(response => {
        // do something...
      })


  const createStockIngredientDtos = ref([{
  `enter code here`ingredientId: 1, price: 200, quantity: 20, expiryDate: '2022-06-29',
}])

Answer 1

我终于想出了。我希望它能希望其他人。

    const formData = new FormData()

    formData.append('invoiceAttachment', invoiceAttachment.value)
    formData.append('CreatedDate', createdDate.value)
    formData.append('SupplierInvoiceId', supplierInvoiceId.value)
    formData.append('SupplierId', supplierId.value)

    for (let i = 0; i < createStockIngredientDtos.value.length; i++) {
      formData.append(`CreateStockIngredientDtos[${i}].ingredientId`, createStockIngredientDtos.value[i].ingredientId)
      formData.append(`CreateStockIngredientDtos[${i}].price`, createStockIngredientDtos.value[i].price)
      formData.append(`CreateStockIngredientDtos[${i}].quantity`, createStockIngredientDtos.value[i].quantity)
      formData.append(`CreateStockIngredientDtos[${i}].expiryDate`, createStockIngredientDtos.value[i].expiryDate)
    }

    axios.post('stock/create', formData, { headers: { 'Content-Type': 'multipart/form-data' } })
      .then(response => {
        if (response.data !== undefined) {
        // do something...
        }
      })