淺談小程式中實作圖片下載功能的方法

小程式圖片下載

在開發小程式中，有時候在小程式中有很多漂亮的圖片，用戶想要下載，但是長按儲存沒效果，截圖？又顯得太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中文網其他相關文章！