微信小程序--长按保存图片

深藏阁楼爱情的钟 2023-02-19 06:27 60阅读 0赞

##### wxml #####

<image src="{
       {url}}" data-url="{
       {url}}" bindlongpress="saveImage"></image>

##### JS #####

Page({
      data: {
          url:"图片路径"
      },
      // 长按保存图片
      saveImage(e){
        let url = e.currentTarget.dataset.url;
        //用户需要授权
        wx.getSetting({
          success: (res) => {
            if (!res.authSetting['scope.writePhotosAlbum']) {
              wx.authorize({
                scope: 'scope.writePhotosAlbum',
                success:()=> {
                  // 同意授权
                  this.saveImg1(url);
                },
                fail: (res) =>{
                  console.log(res);
                }
              })
            }else{
              // 已经授权了
              this.saveImg1(url);
            }
          },
          fail: (res) =>{
            console.log(res);
          }
        })   
      },
      saveImg1(url){
        wx.getImageInfo({
          src: url,
          success:(res)=> {
            let path = res.path;
            wx.saveImageToPhotosAlbum({
              filePath:path,
              success:(res)=> { 
                console.log(res);
              },
              fail:(res)=>{
                console.log(res);
              }
            })
          },
          fail:(res)=> {
            console.log(res);
          }
        })
      },
    })

发表评论取消回复

表情：

评论列表（有 0 条评论，60人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序长按图片保存至相册

效果图： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0

小鱼儿/ 2023年06月26日 12:16/ 0 赞/ 42 阅读

相关微信小程序--长按保存图片

wxml <image src="{ {url}}" data-url="{ {url}}" bindlongpress="saveI

深藏阁楼爱情的钟/ 2023年02月19日 06:27/ 0 赞/ 61 阅读

相关小程序长按保存图片

<image mode="widthFix" bindlongtap="longPressSaveImg" data-url="{ {data}}" cl

爱被打了一巴掌/ 2022年09月04日 15:57/ 0 赞/ 435 阅读

相关微信小程序---保存图片到本地

1.用户授权 wx.getSetting({ success(res) { if (!res.authSetting[

秒速五厘米/ 2022年08月29日 11:59/ 0 赞/ 363 阅读

相关微信小程序canva生成图片，长按图片识别小程序二维码详解

下面这个图片就是通过图片和文字等内容合成的一张带有微信小程序二维码的图片，在小程序内部长按可以识别出来： ![这里写图片描述][70] 基本思路是先将内容用canvas排

谁借莪１个温暖的怀抱￠/ 2022年05月25日 06:18/ 0 赞/ 1099 阅读

相关微信小程序保存图片到相册

先来看小程序中的保存图片到相册的api wx.saveImageToPhotosAlbum({ filePath : "./test.png", //

- 日理万妓/ 2022年05月23日 00:14/ 0 赞/ 898 阅读

相关微信小程序实现同时单击、双击、长按

要实现小程序的单击和长按事件比较简单，直接绑定微信提供的单击和长按事件就可以了，但是要一个组件同时支持单击和长按的操作，而这两个事件又不冲突就需要做一些额外的工作了。因为微信提

妖狐艹你老母/ 2022年05月22日 00:09/ 0 赞/ 632 阅读

相关微信小程序之保存图片到手机相册

想要将图片保存到手机相册我将它分为以下几步： 1. 需要知道你要保存的图片地址如：image = [https://img-blog.csdnimg.cn/

￡神魔★判官ぃ/ 2022年03月15日 01:50/ 0 赞/ 763 阅读

相关微信小程序保存图片到相册

/ 保存到相册 / downShareImgFun : function () { let that = this;

一时失言乱红尘/ 2022年02月05日 07:39/ 0 赞/ 465 阅读

相关微信小程序禁止转发和长按转发

禁止当前页面转发 / 生命周期函数--监听页面加载 / onLoad: function (options) { wx.hideShare

忘是亡心i/ 2021年09月02日 05:27/ 0 赞/ 1433 阅读