• Stars
    star
    270
  • Rank 152,189 (Top 3 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 7 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

欢迎大家加群讨论

点击链接加入群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)});
    },

More Repositories

1

UIWebviewWithCookie

两步实现iOS UIWebView 通过 cookie 完成自动登录。
Objective-C
287
star
2

ReactNative-Error-Warning

注:本文是我在开发过程中遇到问题解决方法的总结,之后会持续更新,希望帮助到更多的学习者。文中有不妥的地方希望指出共同学习,同时欢迎大神补充。
272
star
3

ReactNative-Source-code-Demo

自己练习时做的一些 demo 源码,包括商城源码,新闻 Demo 和 QQ 登录界面的源码,欢迎 Star 随后还会上传更多 Demo
JavaScript
241
star
4

ReactNative-WeChatLogin

基于react-native-wechat 实现的微信登录.只需 CV 大法就可以.(只发现教程,没有发现现成 demo 所以我就简单搞了一下按照网上的教程写的 demo)
JavaScript
228
star
5

ReactNative-ListView-Checkbox-Refresh

为ListView添加复选框,选择,全选功能。同时增加ListView的刷新功能!你的star就是对我最好的鼓励.
JavaScript
186
star
6

ZPHomeMenuViewDemo

简单封装了一个类似美团外卖的分类栏!方便使用,可自定义!
Objective-C
168
star
7

ReactNative--PerfectRunDemo

ReactNative可以不出问题跑起来的空项目(发现有些朋友新建的项目经常出错)所以我建好了你可以下载了直接去用.
Objective-C
150
star
8

ReactNative-AndAndroid

iOS 与 RN 交互教程多实现也简单.今天搞一下 RN 与 Android 的交互发现也挺简单,从网上找了两个比较好的 Demo跑成功之后发出来,Q : 为啥网上有你还发? A : 网上有你未必会使用,所以我整理一个傻瓜版.直接 run
Java
81
star
9

SMBFileManager

5
star