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