uni-app中多图片的递归上传


图片递归上传重点代码规整:

addPic : function(imgAll){
                let token = this.token()
                let UploadUrla = this.UploadUrl + 'api/shop/public/upload_picture'
                let url = UploadUrla
                // console.log(url)
                var that = this;
                uni.chooseImage({
                    count: 9,
                    sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图,默认二者都有
                    sourceType: ['album','camera'], //从相册选择
                    success: function (res) {
                        var arr = res.tempFilePaths
                        var i = 0; var length = arr.length;
                        var upload = function() {
                            uni.uploadFile({
                                // localId:arr[i],
                                url : url,
                                header: {
                                    'X-Token': token //自定义请求头信息
                                },
                                filePath: arr[i],
                                name: 'pic',
                                success: function(uploadFileRes) {
                                    //图片显示赋值
                                    const back = JSON.parse(uploadFileRes.data);
                                    //图片显示赋值
                                    var backArr = back.data.pic;
                                    if(that.thumbnail==''){
                                        that.thumbnail = backArr;
                                    }else{
                                        that.thumbnail = that.thumbnail +";" +backArr;
                                    }
                                    that.picGoods.push(backArr)
                                    var detailUrl = that.UploadUrl.substr(0, that.UploadUrl.length - 1) + back.data.pic;
                                    that.goodspic.push(detailUrl)
                                    //如果还有照片,继续上传
                                    i++;
                                    if (i < length) {
                                        upload();
                                    }
                                }
                            });                    
                        };
                        upload();
                    },
                    error : function(e){
                    }
                });
            },

 参考博客:https://blog.yayuanzi.com/23049.html


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM