浅谈小程序中实现图片下载功能的方法

 2248

浅谈小程序中实现图片下载功能的方法


小程序图片下载

在开发小程序中,有时候在小程序中有很多漂亮的图片,用户想要下载,但是长按保存没效果,截图?又显得太low,所以,给用户个好的体验,给用户进行图片下载的功能。

如下所示,在页面触发这个方法就可以,红色区域的就是图片的路径。


浅谈小程序中实现图片下载功能的方法


效果图如下:


浅谈小程序中实现图片下载功能的方法


bindseaveimage:function(){
    wx.getImageInfo({
        src: this.data.imagecode,//这里放你要下载图片的数组(多张) 或 字符串(一张) 下面代码不用改动
        success: function (ret) {
            var path = ret.path;
            wx.saveImageToPhotosAlbum({
                filePath: path,
                success(result) {
                    console.log("成功");
                    wx.hideLoading();
                    wx.showToast({
                        title: '下载图片成功',
                        duration: 2000,
                        mask: true,
                    });
                },
                fail(result) {
                    console.log("失败,你取消了" + JSON.stringify(result))
                    console.log(path);
                    wx.openSetting({
                        success: (res) => {
                            console.log(res);
                        }
                    })
                }
            });
        }
    });
}


本文网址:https://www.zztuku.com/detail-8861.html
站长图库 - 浅谈小程序中实现图片下载功能的方法
申明:如有侵犯,请 联系我们 删除。

评论(0)条

您还没有登录,请 登录 后发表评论!

提示:请勿发布广告垃圾评论,否则封号处理!!

    编辑推荐

    CSS磨砂玻璃网页特效