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 对象。

相关内容

热门资讯

aapoker透视辅助!wop... aapoker透视辅助!wopoker游戏辅助器(透视)起初真的有挂(详细辅助2025新版教程)1)...
微扑克ai辅助工具!wpk德州... 微扑克ai辅助工具!wpk德州辅助器(透视)一贯是有挂(详细辅助插件教程)1、这是跨平台的微扑克ai...
微扑克系统发牌规律!wpk有长... 微扑克系统发牌规律!wpk有长期盈利玩家吗(透视)一贯存在有挂(详细辅助第三方教程)1)微扑克系统发...
wepoke辅助挂!红龙扑克是... wepoke辅助挂!红龙扑克是真正规的吗(透视)切实真的是有挂(详细辅助透视教程);致您一封信;亲爱...
wepoke真的有挂!扑克之城... wepoke真的有挂!扑克之城怎么那么假(透视)最初存在有挂(详细辅助2025新版总结)1、wepo...
德扑数据软件!wepoke智能... 德扑数据软件!wepoke智能ai(透视)切实真的有挂(详细辅助2025新版教程);是一款可以让一直...
微扑克ai辅助!wepoke存... 微扑克ai辅助!wepoke存在外挂么(透视)一直真的有挂(详细辅助黑科技教程)1)微扑克ai辅助辅...
微扑克辅助挂!wpk俱乐部长期... 微扑克辅助挂!wpk俱乐部长期盈利打法(透视)原生是真的有挂(详细辅助德州教程)1、不需要AI权限,...
wepower有外挂!wopo... wepower有外挂!wopoker分析器(透视)从前是真的有挂(详细辅助线上教程)1、不需要AI权...
wepokeai机器人!wep... 1、wepokeai机器人!wepoke软件透明挂怎么弄(透视)原生存在有挂(详细辅助wepoke教...