Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

answerlcb/ReactNative-FileUpload

Repository files navigation

欢迎大家加群讨论

点击链接加入群ReactNative-解决问题交流群 :644124441

点击链接加入群ReactNative技术交流群2 :687663534

ReactNative-FileUpload

已经实现文件上传功能。以下是关键代码,按照我的写法实现文件上传是没有问题的。有问题可以开个issues。给个Star,感谢!

欢迎大家加群讨论 点击链接加入群ReactNative-解决问题交流群 :644124441

演示

服务器文件

//**************文件上传**************
 uploadImage(imgAry){
 console.log('imgAry', imgAry);
 let formData = new FormData(); //因为需要上传多张图片,所以需要遍历数组,把图片的路径数组放入formData中
 for(var i = 0;i<imgAry.length;i++){
//截取获取文件名
 var a=imgAry[i].uri;
 var arr = a.split('/');
// 获取文件名end
// 判断文件的类型(视频-图片等)end
 let file = {uri: imgAry[i], type: imgAry[i].mime, name: arr[arr.length-1]}; //这里的key(uri和type和name)不能改变,
 formData.append("file", file); //这里的files就是后台需要的key
 //这里的files就是后台需要的key
 }
 console.log('formData', formData);
 console.log('uri', imgAry[0].uri);
 var request = {
 imgAry,
 };
 console.log('request', request);
 fetch('http://'+yourServerIP+'/api/resources',{
 method:'POST',
 headers:{
 'Content-Type':'multipart/form-data',
 },
 body:formData,
 })
 // .then((response) => response.json())
 .then((responseData)=>{
 alert('文件上传成功!');
 console.log('responseData=',responseData);
 })
 .catch((error)=>{console.error('error=',error)});
 },

About

ReactNative 实现的文件上传功能。支持任意文件上传,欢迎Star! !

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 55.6%
  • Objective-C 25.9%
  • Python 10.2%
  • Java 8.3%

AltStyle によって変換されたページ (->オリジナル) /