论小程序有多坑

来源：互联网发布：淘宝服装代理加盟编辑：程序博客网时间：2024/05/04 08:18

1、今天我有个需求是微信小程序长按图片进行图片下载然后用微信二维码跳转到公共号里面的商城微信小程序暂不支持长安二维码进行识别先来看下图片效果!
这里写图片描述
2、这个功能是我完成之后才回来做记录的直接贴代码吧

/**长按住图片进行保存 */  saveImgToPhoto:function(){    var shopId = this.data.shopId    var goodsId = this.data.goodsId      var rqImgUrl = this.data.img_src    wx.showLoading({      title: '图片下载中..',    })    var httpUrl = 'youHttpUrl'    //你自己的连接    ----------    wx.getSetting({      success(res) {        if (!res.authSetting['scope.writePhotosAlbum']) {          wx.authorize({            scope: 'scope.writePhotosAlbum',            success() {              console.log('授权成功')            }, fail() {              wx.showModal({                title: '警告',                content: '您点击了拒绝授权，将无法正常使用小程序的功能体验。请10分钟后再次点击授权，或者删除小程序重新进入。',                success: function (res) {                  if (res.confirm) {                    console.log('用户点击确定');                  }                }              })              return            }          })        }      }    })    if (rqImgUrl == ''){      console.log('连接为空重新获取')      wx.request({        url: httpUrl,        method: 'GET',        header: {          'content-type': 'application/json'        },        success: function (res) {          console.log(JSON.stringify(res))          var httpData = res.data          if (parseInt(httpData.code) == 200) {            var img_src = httpData.img_src            wx.downloadFile({              url: img_src,              success: function (resImg) {                var tempFilePath = resImg.tempFilePath                      //生成一个临时文件                wx.saveImageToPhotosAlbum({                  filePath: tempFilePath,                  success(res) {                    setTimeout(function () {                      wx.showToast({                        title: '图片保存成功,请到相册扫描二维码',                      })                    }, 500)                  },                  fail(res) {                    console.log('保存失败')                  }                })              },            })          }        },        complete: function (res) {          setTimeout(function () {            wx.hideLoading()          }, 500)        }      })    }else{      console.log('连接存在')      wx.downloadFile({        url: rqImgUrl,        success: function (resImg) {          var tempFilePath = resImg.tempFilePath                      //生成一个临时文件          wx.saveImageToPhotosAlbum({            filePath: tempFilePath,            success(res) {              setTimeout(function () {                wx.showToast({                  title: '图片保存成功,请到相册扫描二维码',                })              }, 500)            },            complete(res){              setTimeout(function () {                wx.hideLoading()              }, 500)            }          })        },      })    }  }

1、注意此前你要调用we.request 获取Json信息代码如下:

  var httpUrl = 'url'    wx.request({      url: httpUrl,      method: 'GET',      header: {        'content-type': 'application/json'      },      success: function (res){        var img_src = res.data.img_src        that.setData({          img_src: img_src        })      },       complete:function(res){        setTimeout(function(){          wx.hideLoading();        },500)      }         })  },

完成效果如下:
这里写图片描述
OK~~~~~~~搞定小伙伴学会了么注意下载图片放到相册是要授权的不会的查看官方文档

阅读全文

0 0