uni-app实现,预览图片后,保存至相册

本文介绍了如何在uni-app中实现图片预览功能,并详细讲解了通过uni.previewImage API进行图片预览,以及利用uni.downloadFile和uni.saveImageToPhotosAlbum API将图片保存至手机相册的步骤。同时提供了相关的代码示例,帮助开发者理解并应用到自己的项目中。
摘要由CSDN通过智能技术生成

uni-app实现,预览图片后,保存至相册

 <image src="https://img0.baidu.com/it/u=3436810468,4123553368&fm=26&fmt=auto" class="code"  @click="preview('https://img0.baidu.com/it/u=3436810468,4123553368&fm=26&fmt=auto')"></image>

//这里的imgList 是我拿到的数据数组,pics是我的图片数组
//因为imgList 是循环的,这里面的index代表的是list下面的第几项,i代表的是pics下面的第几项,使用时,请自己按照的业务需求自己改动。
      preview(url) {  //接收图片的Url
        let that = this
        let imgList = [];
        imgList.push(url);
        uni.previewImage({
          urls: imgList,
          current: '',
          longPressActions: {
            itemList: ['保存图片'],
            success: function(ress) {
              uni.downloadFile({
                url: url,
                success: (res) => {
                  if (res.statusCode === 200) {
                    uni.saveImageToPhotosAlbum({
                      filePath: res.tempFilePath,
                      success: function() {
                        //uniapp提供的消息提示框。
                        uni.showToast({
                          title: "保存成功",
                          icon: "success"
                        });
                      },
                      fail: function() {
                        uni.showToast({
                          title: "保存失败,请稍后重试",
                          icon: "none"
                        });
                      }
                    });

                  }
                }
              })
            },
            fail: function(res) {
              console.log(res.errMsg);
            }
          }
        });
      },
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值