纯牛奶645
纯牛奶645
  • 发布:2016-08-25 10:17
  • 更新:2021-02-09 10:21
  • 阅读:9945

上传多张照片到服务器

分类:HTML5+
        var server = **********; //上传文件的端口  
        var files = []; //文件的数组  
        document.getElementById("ContractID-btn").addEventListener('tap', function() {  
            plus.gallery.pick(function(e) {  
                document.getElementById("ContractID-btn").innerText = '选择照片(' + e.files.length + ')张';  
                //从相册添加文件  
                appendFile(e); //添加文件  
            }, function(e) {  
                // outSet("取消选择图片");  
            }, {  
                filter: "image",  
                multiple: true,  
                system: false  
            });  
        });  
        //上传文件  
        function uploadContract() {  
            var task = plus.uploader.createUpload(server, {  
                method: "POST"  
            }, function(t, status) {  
                if(status == 200) {  
                    plus.nativeUI.closeWaiting();  
                    mui.toast('上传成功');  
                    ContractZIP = JSON.parse(t.responseText).fileName;  
                    rowContract = JSON.parse(t.responseText).rawFiles;  
                } else {  
                    alert('上传失败,请重试');  
                }  
            });  
            task.addData("fileType", "合同");  
            task.addData("customerId", CustomerId);  
            for(var i = 0; i < files.length; i++) {  
                var f = files[i];  
                task.addFile(f.path, {  
                    key: f.name  
                });  
            }  
            task.start();  
        }  
        //添加文件            
        function appendFile(p) {  
            plus.nativeUI.showWaiting("正在上传...");  
            var index = 1;  
            files = []; //清空数组,防止重复上传  
            for(var i = 0; i < p.files.length; i++) {  
                var n = p.files[i].substr(p.files[i].lastIndexOf('/') + 1);  
                files.push({  
                    name: "uploadkey" + index,  
                    path: p.files[i]  
                });  
                index++;  
            }  
            uploadContract();//添加完文件,开始上传  
        }
0 关注 分享

要回复文章请先登录注册

奔跑的蘑菇

奔跑的蘑菇

回复 纯牛奶645 :
哦哦,,,用原生解决了
2016-11-18 10:18
纯牛奶645

纯牛奶645 (作者)

回复 奔跑的蘑菇 :
你是用的那个方法?plus.gallery.pick,我是用的这个方法,就可以选择多张照片了
2016-11-09 14:14
纯牛奶645

纯牛奶645 (作者)

回复 yungehaha :
你是做到哪儿遇到了问题?我看能不能帮你解决一下
2016-11-09 14:13
yungehaha

yungehaha

能给个demo吗
2016-10-31 16:39
奔跑的蘑菇

奔跑的蘑菇

回复 纯牛奶645 :
是怎么解决的呢??
2016-10-11 19:14
纯牛奶645

纯牛奶645 (作者)

回复 奔跑的蘑菇 :
嗯 已经上线了,没有问题了
2016-10-11 18:37
奔跑的蘑菇

奔跑的蘑菇

放在APK包里试了吗??能用吗??我的放在APK包里后,在小米手机里直接进入到文件夹根目录,根本不能进行多选,只能选一张,选完后不能上传
2016-10-11 16:12