vue.js - vue 从资产目录上传图片

Question

我正在尝试将图片从资产目录上传到uploadcare。我正在加载图像并将发布请求提供给uploadcare。

this.userinfo.map(user => {
  var src = require("../assets/" + user.image);
  console.log(src, typeof src);
  const fd = new FormData();
  fd.append("UPLOADCARE_PUB_KEY", "084e96d18b8afe25c51c");
  fd.append("UPLOADCARE_STORE", 1);
  fd.append("file", src);

  let config = {
    headers: {
      "content-type": "multipart/form-data"
    }
  };

  this.axios.post("https://upload.uploadcare.com/base/", fd, config).then(v => {
    console.log(v);
  });
});

但它显示错误 400（错误请求）

可能是在 src 中加载图像的问题，因为 src 类型显示字符串，但我需要将文件发送到 uploadcare..

如何在变量中加载 vue assets 文件夹图像并作为 formData 发布？？？uploadcare 文档 https://uploadcare.com/docs/api_reference/upload/request_based/#multipart

标签： vue.js