分享一个生成二维码并下载到手机相册的源码

东方哈雷

本帖最后由东方哈雷于 2020-8-12 09:46 编辑

直接上代码：

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
<title>title</title>
<link rel="stylesheet" type="text/css" href="../css/aui.css" />

<style>
      body {}

      #qrcodediv {
         width: 300px;
         height: 300px;
         margin-bottom: 5px;
         margin: 0 auto;
      }
</style>
</head>

<body>
<div class="aui-content-padded">
      <div id="qrcodediv"></div>
      <br>
      <p>
         <div class="aui-btn aui-btn-info aui-btn-block ">下载二维码</div>
      </p>

</div>

</body>
<script type="text/javascript" src="../script/qrcode.min.js"></script>
<script type="text/javascript" src="../script/api.js"></script>

<script type="text/javascript">
apiready = function() {

      GetQrCode();

};

function GetQrCode() {
      var sid = api.pageParam["id"];

      var qrcode = new QRCode(document.getElementById("qrcodediv"), {
         text: "" + sid + "",
         width: 300,
         height: 300,
         colorDark: "#000000",
         colorLight: "#ffffff",
         correctLevel: QRCode.CorrectLevel.L
      });

}

function downloadimg() {

      GetPic();
}

function GetPic() {
      var canvas = $api.dom("canvas")
      var img64 = canvas.toDataURL("image/png");
      var trans = api.require('trans');
      trans.saveImage({
         base64Str: img64.split(',')[1],
         imgPath: "fs://img/",
         imgName: "cpsy2wm.jpg",
         album: true
      }, function(ret, err) {
         if (ret.status) {
            //  alert(JSON.stringify(ret));
            api.toast({
                  msg: '已保存到相册',
                  duration: 3000,
                  location: 'middle'
            });
         } else {
            alert(JSON.stringify(err));
         }
      });
}
</script>

</html>

声明一下：qrcode.min.js是网上自己下的，不是官方的html5模块，我反现官方的那个有点问题。具体什么问题，我不记得了。

全职开发❾⓿❸❻❹❻❺❺❼

谢谢你的分享

分享一个生成二维码并下载到手机相册的源码

浏览过的版块