解决uniapp APP图片预览长按保存到相册的问题

解决uniapp APP图片预览长按保存到相册的问题

如果你的app图片无法在预览时保存到相册，那就试试我这个方法吧。

<view @tap="previewImage">打开预览</view>

 data() {
    return {
        images: [], //预览的图片列表
    }
 },
 onLoad(){
 	this.getImages()
 },
 methods: {
 	//获取图片列表
 	getImages(){
 		//在这里调接口获取图片列表
 		...
 	},
	// 预览长按保存到相册
	previewImage(e) {
      uni.previewImage({
        urls: this.images,
        longPressActions: {
          itemList: ['保存图片'],
          success: (data) => {
          	//先下载到本地获取临时路径
            uni.downloadFile({
              url: this.src,
              success: (res) => {
                console.log('downloadFile success, res is', res.tempFilePath)
                //将临时路径保存到相册，即可在相册中查看图片
                uni.saveImageToPhotosAlbum({
                  filePath: res.tempFilePath, //不支持网络地址
                  success: function () {
                    uni.showToast({
                      title: '保存图片到相册成功',
                      position: 'bottom'
                    });
                  }
                });
              },
              fail: (err) => {
                console.log('downloadFile fail, err is:', err)
              }
            })
          },
          fail: function(err) {
            console.log(err.errMsg);
          }
        }
      })
    }
}

如果有用就点赞收藏吧。