react native 之上传文件
来源:互联网 发布:舞台交互制作软件 编辑:程序博客网 时间:2024/05/22 12:59
/* * * 上传图片请求 * @param * @returns * */ uploadImage(imgAry) { let formData = new FormData();<br> //因为需要上传多张图片,所以需要遍历数组,把图片的路径数组放入formData中 for(var i = 0;i<imgAry.length;i++){ let file = {uri: imgAry[i], type: 'multipart/form-data', name: 'image.png'}; //这里的key(uri和type和name)不能改变, formData.append("files",file); //这里的files就是后台需要的key } fetch('http://192.168.0.183:8080/whale/test/upload_files',{ method:'POST', headers:{ 'Content-Type':'multipart/form-data', }, body:formData, }) .then((response) => response.text() ) .then((responseData)=>{ console.log('responseData',responseData); }) .catch((error)=>{console.error('error',error)});}
其中,关于图片的路径,我的是这样的:
iOS:
file:///Users/shaotingzhou/Library/Developer/CoreSimulator/Devices/9462ED30-88C7-4318-BF83-3914B9314D34/data/Containers/Data/Application/E9A05CAF-AF07-4BA3-B2C3-C2EFBC6C2C6A/Documents/images/D5E1640B-836A-4EC9-A5C2-65B2E4E8CFE0.jpg
Android:
file:///storage/emulated/0/Pictures/image-ec0667ed-ecc5-4eed-928f-26fed6a63860.jpg
0 0
- react native 之上传文件
- react-native实现文件上传
- React Native fench FormData 上传文件
- React Native 之读取JSON 文件
- React Native 之读取JSON 文件
- React Native文件上传下载
- 【React Native】之Native Modules
- react-native 实现上传功能
- React Native]React Native组件之Navigator
- react-native之初识react-native
- react native之helloworld
- React Native之序言
- React Native之样式
- React Native之hellWord
- React native 之 tabbarIos
- React Native之Navigator
- React Native 之 安装
- React Native 之 教程
- 部分手机使用系统弹窗报错问题
- testNG No free nodes found in:[DynamicGraph问题解决
- atomic integer
- Android的BadTokenException
- 大数据技术
- react native 之上传文件
- 每天一个 Linux 命令(35):ln 命令
- 分布式服务框架 dubbo/dubbox 入门示例(2)
- Ajax封装
- Magic Ball Privacy Policy
- 世界因大数据而 改变
- 继承
- pandas学习:series的基本用法
- STL的基本介绍