RN-第三方-react-native-image-picker,选择图片上传
来源:互联网 发布:vb中picturebox的文本 编辑:程序博客网 时间:2024/06/05 18:36
https://github.com/react-community/react-native-image-picker
npm install react-native-image-picker@latest --save
react-native link
具体代码参考demo里面的APP.js
可以设置直接访问相机、相册,也可以弹出选择框进行选择
选择图片后的图片信息
处理上传数据,单张图片
let formData = new FormData();//如果需要上传多张图片,需要遍历数组,把图片的路径数组放入formData中 let file = {uri: response.uri, type: 'multipart/form-data', name: 'image.png'}; //这里的key(uri和type和name)不能改变, formData.append("files",file); //这里的files就是后台需要的key
多张图片上传
let formData = new FormData(); for(var i = 0;i<imgAry.length;i++){ let file = {uri: imgAry[i], type: 'multipart/form-data', name: 'image.png'}; formData.append("files",file); }
上传
fetch(uploadURL,{ 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)});
阅读全文
0 0
- RN-第三方-react-native-image-picker,选择图片上传
- React-Native-image-picker-调取摄像头第三方组件:
- 小菜鸟的第一篇文章,在学习RN,就当是做笔记吧,iOS开发RN中添加第三方库react-native-image-picker
- 使用react-native-image-crop-picker上传图片
- RN-第三方-react-native-camera,调用相机拍摄图片
- React Native 使用react-native-image-picker插件上传图片详细步骤
- React Native 使用react-native-image-picker库实现图片上传功能
- RN-第三方之-react-native-fs
- react-native-image-picker
- react-native-image-picker
- react-native-image-picker
- react-native-image-picker在Android上闪退的解决办法(上传头像base64,压缩上传图片)
- React Native 的Image 保存、Picker、上传等一系列问题
- react-native-image-picker配置
- react-native-image-crop-picker学习
- react-native-image-crop-picker记录学习
- RN日期选择器react-native-modal-datetime-picker
- React Native开源库react-native-image-crop-picker使用图解
- FME2015安装问题个人总结
- 宏电GPRS DTU H7210调试报告之DEMO测试
- mbstring 学习
- java基础编程#3
- 010-理性注入|从根本上管理慌张
- RN-第三方-react-native-image-picker,选择图片上传
- java基础十三 权限修饰符
- nginx配置详情(持续更新)
- Lombok 简化java代码注解
- 【redis】centOS安装配置redis
- 内边距 外边距 和元素浮动 清除浮动
- MySQL(1):Win10下MySQL5.7.17免安装版本基本配置
- http://blog.csdn.net/id_no_chinese/article/details/70228121
- 1006. 换个格式输出整数 (15) Python 2 编译