1. 程式人生 > 其它 >uniapp中生成二維碼(附程式碼和外掛)

uniapp中生成二維碼(附程式碼和外掛)

wxqrcode.js檔案: https://github.com/Clearlovesky/-js-jq-/tree/master/wxqrcode

// 引入二維碼庫  
import QR from "../../utils/wxqrcode.js" // 二維碼生成器  

let img = QR.createQrCodeImg('生成的內容xxx', {  
     size: parseInt(300)//二維碼大小  
})

呼叫後會生成 base64 格式的圖片,直接複製變數就可以用啦。

PS: 新版二維碼生成器在這裡,解決內容大於40個字報錯的問題

點我檢視新版

加個預覽圖片方法,爽歪歪

// 預覽圖片
            TanPreviewImage(imageUrl){ 
              console.log("預覽圖片-----",imageUrl) 
              var images = [];
              images.push(imageUrl);
              console.log(images) //陣列
              // 預覽圖片
              uni.previewImage({
                  urls: images,
                  longPressActions: {
                      itemList: ['傳送給朋友', '儲存圖片', '收藏'],
                      success: function(data) {
                          console.log('選中了第' + (data.tapIndex + 1) + '個按鈕,第' + (data.index + 1) + '張圖片');
                      },
                      fail: function(err) {
                          console.log(err.errMsg);
                      }
                  }
              });
            },
那時候我只有一臺錄音機也沒有電腦 也不敢奢求說唱會讓自己的生活變好