从资产目录中获取上传图片

时间:2019-11-12 12:47:27

标签: vue.js

我正在尝试将图片从资产目录上传到uploadcare。我正在加载图片,并向reqcare发送后要求。

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资产文件夹图像并以formData形式发布? uploadcare文档 https://uploadcare.com/docs/api_reference/upload/request_based/#multipart

0 个答案:

没有答案