uni-app点击图片后进行保存

小程·

已于 2022-03-07 16:57:41 修改

阅读量323

点赞数

文章标签： p2p wpf html

于 2022-03-07 16:12:49 首次发布

本文链接：https://blog.csdn.net/m0_61077437/article/details/123332958

版权

直接上代码

<view class="img"  @click="baocun">
          <image style=" " src="https://thirdwx.qlogo.cn/mmopen/vi_32/DYAIOgq83ersQ30Dlqqyyb5gubnicSPpqqQPmzVIIU97Cv9eZNOlCgExxgymED7JXBB5A4gDK1xCTtxETC4QmFQ/132"></image> 
        </view>

js代码

baocun: function(e) {
                uni.showModal({
                    title: '提示',
                    content: '确定要保存这张图片吗？',
                    success: function(res) {
                        if (res.confirm) {
                            console.log('用户点击确定')
                            uni.getImageInfo({
                                src: 'https://thirdwx.qlogo.cn/mmopen/vi_32/DYAIOgq83ersQ30Dlqqyyb5gubnicSPpqqQPmzVIIU97Cv9eZNOlCgExxgymED7JXBB5A4gDK1xCTtxETC4QmFQ/132',
                                success: function(res) {
                                    console.log(res);
                                    var path = res.path;
                                    uni.saveImageToPhotosAlbum({
                                        filePath: path,
                                        success: function(res) {
                                            console.log('图片已保存');
                                        },
                                        fail: function(res) {
                                            console.log('保存失败');
                                        }
                                    })
                                }
                            });
                        } else if (res.cancel) {
                            console.log('用户点击取消')
                        }
                    }
                })
            },