再次记录一下antd-mobile里面上传文件的,是用form-data的方式

4,453 阅读1分钟

使用react 写了一个小小的web app项目,其中有一个表单提交用到了图片上传

这我使用antd-mobile上传了一个图片,然后返回值是一个数组,数组里面是很多个对象,代表可以上传多张图片

然后我们看看,对象里面的结构,其中url 代表图片的url ,是本地的,是antd-mobile给我们转换成了base64格式的,可以用于在本地显示图片,然后这个时候我表单提交的话,我需要把这张图片上传给后端怎么办?

我在脚手架中使用的是axios来请求发送数据

然后这里需要注意的是,需要先把这个上传给后端的这个字段格式转换成文件格式 上代码

new FormData() 转换成file格式

然后axios设置content-type,搞定