根据字符串生成二维码并保存到相册

最新推荐文章于 2022-10-20 08:49:57 发布

单人可n

最新推荐文章于 2022-10-20 08:49:57 发布

阅读量463

点赞数

CC 4.0 BY-SA版权

分类专栏：关于前端微信小程序文章标签：二维码生成

本文链接：https://blog.csdn.net/weixin_42213918/article/details/101370274

关于前端同时被 2 个专栏收录

13 篇文章

订阅专栏

微信小程序

6 篇文章

订阅专栏

本文介绍了一种在微信小程序中生成并保存二维码的方法。通过使用自定义的二维码生成库，结合微信小程序API实现二维码的绘制及保存至相册的功能。文章详细展示了wxml和js代码实现过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

直接贴代码啦

wxml:

js:

引用文件(记得去下载哦) var drawQrcode = require("../../../utils/weapp.qrcode.js");

   //生成二维码 ---
   draw: function() {
       drawQrcode({
           width: 100, //二维码宽高,宽高要与canvas标签宽高一致
           height: 100,
           canvasId: 'myQrcode',
           text: "http://yangliao.llhlec.com/index.php/Index/index/download?storeid=38&from=singlemessage&user_id=" +
               getApp().globalData.userInfo.user_id //二维码内容
       })
   },
   // 保存二维码 ---
   saveBtn: function() {
       var that = this;
       var RQsrc = "";
       wx.canvasToTempFilePath({
           canvasId: "myQrcode",
           success: function(res) {
               console.log(res);
               RQsrc = res.tempFilePath;
           },
           fail: function(res) {
               console.log(res);
           }
       });
       wx.getSetting({
           success(res) {
               if (!res.authSetting['scope.writePhotosAlbum']) {
                   wx.authorize({
                       scope: 'scope.writePhotosAlbum',
                       success(res) {
                           console.log(res)
                           // 用户已经同意小程序使用保存相册功能，后续调用 wx.saveImageToPhotosAlbum 接口不会弹窗询问
                           if (wx.saveImageToPhotosAlbum) {
                               wx.saveImageToPhotosAlbum({
                                   filePath: RQsrc,
                                   success(res) {
                                       console.log(res.errMsg);
                                       wx.showToast({
                                           title: '保存成功',
                                           icon: 'none'
                                       })
                                   },
                                   fail: function(res) {
                                       console.log(res.errMsg);
                                       wx.showToast({
                                           title: '保存失败',
                                           icon: 'none'
                                       })
                                   }
                               })
                           } else {
                               wx.showToast({
                                   title: '您的微信版本过低,请更新',
                                   icon: 'none'
                               })
                           }
                       },
                       fail: function(err) {
                           console.log(err)
                       }
                   })
               } else {
                   if (wx.saveImageToPhotosAlbum) {
                       wx.saveImageToPhotosAlbum({
                           filePath: RQsrc,
                           success(res) {
                               console.log(res.errMsg);
                               wx.showToast({
                                   title: '保存成功',
                                   icon: 'none'
                               })
                           },
                           fail: function(res) {
                               console.log(res.errMsg);
                               wx.showToast({
                                   title: '保存失败',
                                   icon: 'none'
                               })
                           }
                       })
                   } else {
                       wx.showToast({
                           title: '您的微信版本过低,请更新',
                           icon: 'none'
                       })
                   }
               }
           }
       })
   },