如何使用 REST API 将我的 csv 文件作为表单数据传递

Question

我很难将上传的 CSV 文件编码为表单数据，这是我想出的想法，以便能够使用我的 API 的 post 方法在后端传递要处理的实际文件。 但不幸的是，我收到错误“TypeError：无法构造'FormData'：参数1不是'HTMLFormElement'类型。” . 我是编程新手，希望你能理解。 谢谢！

这是我所做的一些片段：

uploadProducts包含我上传的 csv 文件。

        upload() {
          let data = new FormData(self.uploadedProducts);
          
          axios.post(`${api}/mc/upload/specifications`, {
              data,
              headers: {
                'Content-Type': 'multipart/form-data'
              }
          })
          .then((result) => {
              let responseData = result.data
              alert("Uploaded successfully!")     
          })
          .catch((error) => {
              self.showErrorMessage(error.message);
          })
        }

Answer 1

var formData = new FormData(form)

form必须是 HTML 元素。 请阅读FormData() 。 根据您的错误，我猜您的self.uploadedProducts不是表单元素。

另一种方法是使用append方法。 请阅读FormData.append() 。

所以你的代码应该是这样的：

upload() {
    let data = new FormData();
    data.append('fieldName', self.uploadedProducts);
    ...
    // you can omit multipart/form-data header
    axios.post(`${api}/mc/upload/specifications`, data)
    ...
}