小程序上传图片/保存图片-相册

上传图片

!!! 上传的图片数组做去重操作

var i = 0; 全局变量
 uploadimg(data){
        console.log("??!!");
        var that=this;
         wx.uploadFile({
               url: data.url, 
               filePath: data.path[i],
               name: 'file',//这里根据自己的实际情况改
               formData:null,//这里是上传图片时一起上传的数据
               success: (resp) => {
                   i++;
                   console.log('===========> 成功');
               },
               fail: (res) => {
                   i--;
                   console.log('----------> 失败');
               },
               complete: () => {
                   console.log(i,'=====');
                    if(i==data.path.length){   //当图片传完时,停止调用  
                        console.log("上传成功---------");
                        
                    }else{
                        that.uploadimg(data)
                    }
                    return false;
               }
           });
       },
    upfile(){
             var that=this,pics=this.data.pics;
             pics=[];
              wx.chooseImage({
                   count: 9-pics.length, // 最多可以选择的图片张数,默认9
                   sizeType: ['original', 'compressed'], // original 原图,compressed 压缩图,默认二者都有
                   sourceType: ['album', 'camera'], // album 从相册选图,camera 使用相机,默认二者都有
                   success: function(res){
                   var imgsrc=res.tempFilePaths; 
              pics=pics.concat(imgsrc);
                   that.setData({ pics:pics});
                    setTimeout(()=>{
                        that.uploadimg({
                            url:'http://192.168.12.99/erp/public/index.php/admin/upfiles/upload_multifile/files/salon',//这里是你图片上传的接口
                            path:pics//这里是选取的图片的地址数组
                        });
                    },600)
              },
            })
           

小程序保存图片到相册

save_toPhone(e){
        const {img} = e.target.dataset; // 拿到 图片路径
        wx.getSetting({
            success(res) {
                console.log(res.authSetting);
                if (!res.authSetting['scope.writePhotosAlbum']) { //未授权
                    wx.authorize({
                        scope: 'scope.writePhotosAlbum',
                        success(e) {
                            wx.downloadFile({ //下载图片
                                url: img,
                                success: function(res) {
                                    wx.saveImageToPhotosAlbum({ //保存到本地
                                        filePath: res.tempFilePath,
                                        success(res) { 
                                            wx.showToast({
                                                title: '保存成功',
                                            })
                                        }
                                    })
                                }
                            })
                            }
                        })
                    }else{ //已授权 
                        wx.downloadFile({//下载图片
                            url: img,
                            success: function(res) {
                                wx.saveImageToPhotosAlbum({ //保存到本地
                                    filePath: res.tempFilePath,
                                    success(res) { 
                                        console.log(res,999);
                                        wx.showToast({
                                            title: '保存成功',
                                        })
                                    }
                                })
                            }
                        })
                    }
                }
        })
    },

你可能感兴趣的:(小程序上传图片/保存图片-相册)