axios通过post发送图片答案

【问题标题】：axios send image through postaxios通过post发送图片
【发布时间】：2019-04-29 10:05:44
【问题描述】：

我正在尝试通过axios POST 请求发送图像。请求通过，但图片未上传。

这是我的代码，

const screenshotPath = path.join(os.tmpdir(), 'screenshot.png');

var bodyFormData = new FormData();
//bodyFormData.append('uploadedFile', screenshotPath);
bodyFormData.append('uploadedFile', fs.createReadStream(screenshotPath));

axios({
 method: 'post',
 url: url,
 data: bodyFormData,
 config: {
  headers: {
  'Content-Type': 'multipart/form-data',
  Authorization: 'Bearer ' + token
  }
 }
})

是不是因为文件名路径？

这是我的screenshotPath

C:\Users\oem\AppData\Local\Temp\screenshot.png

【问题讨论】：

你试过fs.readFile
你能给我举个例子吗？
这里是fs.readFile(filePath, 'utf8', function(err, data) { if (err) throw err; console.log(data); });

标签： javascript reactjs post electron axios

【解决方案1】：

您正在使用来自Node 文件系统库的createReadStream 函数。但是 Node 在服务器端运行，在这里您正在使用在客户端运行的反应应用程序。

有关如何从前端应用程序上传文件，请查看MDN documentation。

【讨论】：

我也试过 bodyFormData.append('uploadedFile', screenshotPath);而不是没有希望的createReadStream。请注意，我使用的是 electron.js
好的，不知道您使用的是电子。您应该在帖子中添加此信息。