Axios怎么使用FormData发送POST请求,同时在请求中携带其它字段?
创始人
2024-09-29 05:30:05
0

Axios 提供了从浏览器创建 FormData 的方式,可以在 POST 请求发送 FormData 的同时,携带其它字段,比如表单中的文本输入框值。示例代码如下:

const formData = new FormData();
formData.append('file', fileInput.files[0]);
formData.append('username', 'Tom');

axios.post('/api/upload', formData)
    .then(response => {
        console.log(response);
    })
    .catch(error => {
        console.log(error);
    });

在以上代码中,formData 通过 append 方法添加了 file 和 username 两个字段,file 数据来源于一个 type 为 file 的 input 元素。axios.post 方法的第二个参数即为 formData 对象。

需要注意的是,当使用 FormData 时,Content-Type 请求头会自动设置为 multipart/form-data。另外,如果使用的是 Node.js 环境,需要使用第三方库,比如 form-data,来创建 FormData 对象。

相关内容

热门资讯

5分钟了解!纳祥游戏脚本!一直... 5分钟了解!纳祥游戏脚本!一直真的是有辅助教程(有挂详情)-哔哩哔哩1、该软件可以轻松地帮助玩家将纳...
九分钟了解!游戏茶苑辅助软件!... 九分钟了解!游戏茶苑辅助软件!切实有辅助app(有挂头条)-哔哩哔哩1、实时游戏茶苑辅助软件透视辅助...
六分钟了解!免费闲逸辅助器免费... 六分钟了解!免费闲逸辅助器免费!本来是真的有辅助方法(有挂技巧)-哔哩哔哩免费闲逸辅助器免费能透视中...
五分钟了解!多乐跑得私人房间插... 五分钟了解!多乐跑得私人房间插件!真是存在有辅助软件(有挂教程)-哔哩哔哩1、下载好多乐跑得私人房间...
8分钟了解!约战武汉辅助软件!... 8分钟了解!约战武汉辅助软件!一直存在有辅助教程(证实有挂)-哔哩哔哩1、进入游戏-大厅左侧-新手福...
两分钟了解!传送屋辅助器下载!... 两分钟了解!传送屋辅助器下载!一直真的是有辅助脚本(有挂攻略)-哔哩哔哩1、起透看视 传送屋辅助器下...
5分钟了解!微信小程序哥哥跑得... 5分钟了解!微信小程序哥哥跑得快脚本下载!切实真的有辅助插件(有挂透明挂)-哔哩哔哩1、实时微信小程...
第七分钟了解!中至余干脚本!切... 第七分钟了解!中至余干脚本!切实真的是有辅助插件(有挂助手)-哔哩哔哩1、用户打开应用后不用登录就可...
第7分钟了解!威信茶馆跑辅助器... 您好,威信茶馆跑辅助器这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多玩...
三分钟了解!约战沙城辅助脚本!... 三分钟了解!约战沙城辅助脚本!其实一直总是有辅助技巧(有挂详细)-哔哩哔哩约战沙城辅助脚本是不是有人...