首页 >微信小程序 >小程序开发 > 正文

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

转载2021-06-01 09:15:2401406

小程序图片下载

在开发小程序中,有时候在小程序中有很多漂亮的图片,用户想要下载,但是长按保存没效果,截图?又显得太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);
              }
            })
          }
        });
      }
    });
  }

更多编程相关知识,请访问:编程教学!!

以上就是浅谈小程序中实现图片下载功能的方法的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文转载于:csdn,如有侵犯,请联系admin@php.cn删除

  • 相关标签:小程序 图片下载
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息

    青灯夜游

    今天学习一小步,明天提升一大步

    最近文章
    vue组件是什么805
    聊聊Laravel8+Vuejs怎么创建SPA单页面应用188
    CSS+JS实现爱心点赞按钮(代码示例)624
    推荐视频教程
  • 微信小程序开发高级视频教程微信小程序开发高级视频教程
  • 微信小程序初级开发视频教程微信小程序初级开发视频教程
  • 微信小程序项目实战视频教程微信小程序项目实战视频教程
  • 微信小程序开发视频教程微信小程序开发视频教程
  • 开发微信小程序视频教程开发微信小程序视频教程
  • 最新微信小程序开发视频教程最新微信小程序开发视频教程
  • 视频教程分类