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

根据字符串生成二维码并保存到相册_第1张图片

直接贴代码啦

wxml:

根据字符串生成二维码并保存到相册_第2张图片

    
        
            
        

        
            
            
        

    

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'
                        })
                    }
                }
            }
        })
    },

你可能感兴趣的:(关于前端,微信小程序,二维码生成)