码迷,mamicode.com
首页 > 微信 > 详细

小程序之 将图片保存到手机

时间:2018-10-16 11:56:39      阅读:786      评论:0      收藏:0      [点我收藏+]

标签:ima   down   lse   div   分享图片   mod   ===   关闭   隐藏   

x嘻嘻嘻  好久没有写了 

因为小程序不能直接分享到朋友圈(我是没找到怎么直接分享过去的方法)、

然后我就想到了一个方法,写一个分享按钮,然后点击后出现一张图,用户保存这张图片到手机上在发朋友圈

虽然这个用户步骤有点繁琐,但是这是我想到的唯一方法了 

毕竟脑洞不大啊~ 

效果图 ??????

 技术分享图片

 

 

好了 言归正传 开始上代码啦

解决方法 ??????

// .wxml  这个是点击分享按钮后出现的页面
<view class=aa wx:if="{{share}}" >  // wx:if="{{share}}" 这个控制出现页面展示/隐藏 <image mode=widthFix class="sharepicture" src=‘这个地方是图片的地址 ></image>  //这个是展示图地址 <image mode=widthFix class="shutdown" src=‘这个是关闭按钮图片的地址 bindtap=‘shutdown></image> //这个是关闭按钮 <view bindtap=clickshare class=modemeg>保存图片</view>  //这个是点击保存图片按钮 </view>

 

data:{
    share: false,
},
//点击关闭分享
  Shutdown: function(e){
    console.log("E....",e)
    this.setData({
      share: false
    })
  },

  //保存图片按钮
  clickshare: function(){
    var imgSrc = "https://www.liao-shu.com/ptcent_file_upload/emotion/share.png"
    wx.downloadFile({
      url: imgSrc, success: function (res) {
        console.log(res);//图片保存到本地
        wx.saveImageToPhotosAlbum({
          filePath: res.tempFilePath, success: function (data) {
            console.log(data);
          },
          fail: function (err) {
            console.log(err);
            if (err.errMsg === "saveImageToPhotosAlbum:fail auth deny") {
              wx.openSetting({
                success(settingdata) {
                  console.log(settingdata)
                  if (settingdata.authSetting[scope.writePhotosAlbum]) {
                    console.log(获取权限成功,给出再次点击图片保存到相册的提示。)
                  } else {
                    console.log(获取权限失败,给出不给权限就无法正常使用的提示)
                  }
                }
              })
            }
          }
        })
      }
    })
  }

 

小程序之 将图片保存到手机

标签:ima   down   lse   div   分享图片   mod   ===   关闭   隐藏   

原文地址:https://www.cnblogs.com/liancat/p/9722274.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!