小程序保存图片到相册,申请相机权限

wxml代码:

<view class="downImg" bindtap="downImgEven">
    <image src="/img/downimg.png"></image>
    <text>下载</text>
  </view>

js代码:

 downImgEven: function () {
    
     
    wx.getSetting({
    
      //先授权相册
      success: res => {
    
    
        if (!res.authSetting['scope.writePhotosAlbum']) {
    
     //未授权的话发起授权
          wx.authorize({
    
    
            scope: 'scope.writePhotosAlbum',
            success: () => {
    
     //用户允许授权,保存到相册
              this.saveImg();
            },
            fail: () => {
    
     //用户拒绝授权,然后就引导授权(这里的话如果用户拒绝,)
              wx.showModal({
    
        // 直接调wx.openSetting在真机调试正常,但在体验版无法调起,因为官方文档做了限制,请看下面什么
                content: '请允许打开设置页授权',
                success: function (res2) {
    
    
                  if (res2.confirm) {
    
    
                    wx.openSetting({
    
    
                      success: () => {
    
    
                        wx.authorize({
    
    
                          scope: 'scope.writePhotosAlbum',
                          succes: () => {
    
     //授权成功,保存图片
                            this.saveImg();
                          }
                        })
                      }
                    })
                  } 
                }
              })
            }
          })
        } else {
    
     //已经授权
          this.saveImg();
        }
      }
    })
  },
saveImg() {
    
     //保存到相册
    let {
    
    
      downurl    //需要保存到相册的图片地址
    } = this.data;

    //文件名设置为时间戳
    // let fileName = new Date().valueOf();

    wx.downloadFile({
    
     
      url: downurl,
      // filePath: wx.env.USER_DATA_PATH + '/' + fileName + '.png',
      success: (res) => {
    
    
        wx.saveImageToPhotosAlbum({
    
    
          filePath: res.tempFilePath,
          success: (res) => {
    
    
            wx.showToast({
    
    
              title: '保存成功!'
            })
          },
          faile: (err) => {
    
    
            console.log('失败!')
          }
        })
      }
    })
  },

打开小程序设置页(wx.openSetting)接口调整官方

开发者可以通过 wx.openSetting 接口来打开小程序设置界面并返回用户的设置结果。在原来的 wx.openSetting 接口中,我们允许开发者直接调用此接口,但目前我们发现有不少开发者滥用此接口,使用户在无任何操作时,不断地强行跳转至设置页,导致用户无法正常使用甚至无法退出小程序。

为保证用户获得更顺畅的小程序使用体验,避免此类滥用情况,我们对该接口进行了调整。

调整后“打开小程序设置页”将支持以下两种实现方式:

方法1:使用 button 组件来使用此功能,示例代码如下:

<button open-type="openSetting" bindopensetting="callback">打开设置页</button>

方法2:由点击行为触发wx.openSetting接口的调用,示例代码如下:

<button bindtap="openSetting">打开设置页</button>  openSetting() {
    
      wx.openSetting()}

方法2已在最新版开发者工具中支持(基础库切到2.2.4及以上),开发者可以尽早适配。

此次调整会对直接调用wx.openSetting接口造成影响

原无需用户点击即可直接调用wx.openSetting接口的实现方式将不再支持,即将废弃的错误使用方式示例如下:

onShow() {
    
      wx.openSetting()}

10月10日起新提交发布的版本将会受到此调整的影响。

需要各位开发者注意,10月10日起新提交发布的小程序版本将不再支持无需用户点击即可直接调用的“打开小程序设置页”接口,请开发者尽早适配。

调整策略在基础库 2.3.0 及以上版本生效,该基础库版本对应微信客户端6.7.2版本。另外,考虑到兼容性等问题,在基础库版本 2.3.0 以下的环境中不受此策略影响。

猜你喜欢

转载自blog.csdn.net/qq_44749901/article/details/128221335
今日推荐