Next.jsFormData在API请求

Question

IM使用formdata（如this

）提交表单

    export const formatFormData = (formData) => {

    const data = new FormData();
  
  data.append("title", formData.title);
  data.append("locationName", formData.locationName);
  data.append("location", JSON.stringify(formData.location));
  data.append("description", formData.description);
  data.append("price", formData.price);
  data.append("offerPrice", formData.offerPrice);
  data.append("maxCapacity", formData.maxCapacity);
  data.append("duration", formData.duration);
  data.append("groupSize", formData.groupSize);
  data.append("language", JSON.stringify(formData.language));
  data.append("popularFeatures", JSON.stringify(formData.popularFeatures));
  data.append("included", JSON.stringify(formData.included));
  data.append("excluded", JSON.stringify(formData.excluded));
  data.append("highlights", formData.highlights);
  data.append("peopleTypes", JSON.stringify(formData.peopleTypes));
  data.append("prices", JSON.stringify(formData.prices));

  data.append("itineraries", JSON.stringify(formData.itineraries));

  // Append main images
  formData.images.forEach((image) => {
    data.append(`images`, image); // Append images (they will be stored as an array)
  });

  // Append images for itineraries
  formData.itineraries.forEach((itinerary, index) => {
    if (itinerary.image) {
      data.append(`itineraries[${index}][image]`, itinerary.image);
    }
  });
      
    return data;
};

这是我从客户端到服务器的数据

title: 'Ab itaque sapiente m',
  description: '<p>Quis excepturi offic.</p>',
  location: '{"lat":34.0522,"lon":-118.2437}',
  locationName: 'Los Angeles',
  price: '688',
  prices: '{"adult":"","child":"","infant":"54"}',
  offerPrice: '309',
  peopleTypes: [ '["infant"]' ],
  duration: '5',
  groupSize: '10-15',
  language: [ '["Italian","English","Albanian","Spanish"]' ],
  maxCapacity: '10',
  popularFeatures: [ '["Relaxing","Swimming"]' ],
  highlight: '<p>Culpa ipsum, veniam.</p>',
  included: [ '["Neque nostrum ipsum"]' ],
  excluded: [ '["Porro in accusamus e"]' ],
  itineraries: [
    '[{"title":"Est ex eum natus vol","time":"17:38","image":{},"description":"Culpa mollitia volup","duration":"30"},{"title":"Quo aliqua Beatae a","image":{},"description":"Quia saepe animi re","duration":"26","time":"07:58"}]'  
  ]
}

但我不能以任何方式将图像作为对象作为文件对象传递，或者我应该在其他字段中将其传递给 首先，您将一个空对象附加到行程中的图像字段。因此，您必须确保图像字段是实际的

{}

对象，而不仅仅是占位符。

file

这一定会起作用！！ ^_^

Answer 1