javascript – 如何使用Axios将图像发送到节点js？

有没有办法使用axios将一组图像(或单个图像)发送到节点？

我正在使用的axios代码(我在前端使用了反应js)：

onFormSubmit(event){
    event.preventDefault();
    let payload = this.state;
    console.log("in onFormSubmit!!! with state: ", this.state, "and payload: ", payload);
    axios.post('/api/art', payload)
    .then(function(response){
    console.log('saved successfully')
  }); 

我所做的研究表明,也许没有一种支持的方式使用axios将图像文件发送到节点,但这对我来说似乎很奇怪.有办法吗？

解决方法:

这是我让它正常工作的方式.我不得不使用一个名为FormData的对象.我使用了导入：

import FormData from 'form-data'

当然在此导入之前我必须为它运行npm安装：

npm install --save form-data

一旦我完成了所有这些,这就是我在我的行动中使用它的方式：

let data = new FormData();
data.append('file', file, file.fileName);

return (dispatch) => {
axios.post(URL, data, {
  headers: {
    'accept': 'application/json',
    'Accept-Language': 'en-US,en;q=0.8',
    'Content-Type': `multipart/form-data; boundary=${data._boundary}`,
  }
})
  .then((response) => {
    //handle success
  }).catch((error) => {
    //handle error
  });
};}

这里要注意的重要部分是：

>在将数据对象传递到axios.post调用之后,我将一些头文件作为配置对象包含在内.您在此处包含的内容类型是关键.您正在提交多部分/表单数据内容类型.
>在该Content类型标题中,我还添加了一个边界,该边界派生自您之前创建的数据对象.
>这里使用的’文件’只是我传递给我的动作的文件对象.它只是我用于对象的名称,你可以在这里使用你想要的任何东西.

希望这会有所帮助,这可以解决我尝试将图像提交到后端的所有问题(在我的情况下是一个休息服务 – 通过邮件调用).

【说明】：本文章由站长整理发布，文章内容不代表本站观点，如文中有侵权行为，请与本站客服联系(QQ:254677821)！