js 生成二维码下载到本地

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>demo</title>// jQuery 库<script src="js/jquery-1.11.0.js"></script>// jQuery 转二维码所需插件<script src="js/jquery.qrcode.js"></script></head>
<body><button id="button" type="submit">下载图片</button><div id="QR_Code"></div><!-- 容纳二维码 --><div id="QR_Code"></div></body>
<script type="text/javascript">window.onload = function () {$('#QR_Code').qrcode({render: "canvas",text: utf16to8(" 这里是二维码内容 ")});// 按钮点击事件$("#button").click(function () {var canvasImg = document.getElementsByTagName('canvas')[0];var img =convertCanvasToImage(canvasImg);$('#QR_Code').empty();$('#QR_Code').append(img);downLoadCode();alert("下载完成");})}// 将utf-16 转换成 utf-8【默认字符编码是utf-16】function utf16to8(str) {var out, i, len, c;out = "";len = str.length;for (i = 0; i < len; i++) {c = str.charCodeAt(i);if ((c >= 0x0001) && (c <= 0x007F)) {out += str.charAt(i);} else if (c > 0x07FF) {out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F));out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));} else {out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F));out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));}}return out;}//从canvas中提取图片imagefunction convertCanvasToImage(canvas) {//新Image对象，可以理解为DOMvar image = new Image();// canvas.toDataURL 返回的是一串Base64编码的URL，当然,浏览器自己肯定支持// 指定格式PNGimage.src = canvas.toDataURL("image/png");return image;};// 下载二维码function downLoadCode(){var img = $('#QR_Code').children('img').attr("src");var alink = document.createElement("a");alink.href = img;alink.download = "分享.png";alink.click();}
</script>
</html>

js 生成二维码下载到本地相关推荐

qrcode.js使用js生成二维码（并下载）的实践
知识点 base64数据形式 Base64是一种用64个字符来表示任意二进制数据的方法. – 廖雪峰官方网站 Base64编码有哪些情景需求? – 知乎案例场景后台生成邀请链接,前端拿到链接之后处 ...
vue将qrcodejs生成的二维码下载到本地
vue将qrcodejs生成的二维码下载到本地 dom结构如下 <div class="qr-code "id="qr-code"></div ...
JS生成二维码以及点击下载二维码
JS生成二维码效果扫描二维码可访问指定链接或当前网站链接,内容可以自己更改 "复制链接",点击按钮复制当前网站链接如何获取当前网站链接源码 textarea{opacity ...
JS生成二维码(兼容各种浏览器及中文）
本文将介绍如何使用JS生成二维码,兼容各种浏览器及手机端,支持中文. 代码如下: <!DOCTYPE html> <html> <head> <meta ch ...
js生成二维码以及插入图片
js生成二维码以及插入图片先根据qrcode官网demo,不同属性值的变化,二维码的变化效果:https://larsjung.de/jquery-qrcode/latest/demo/ 进入dem ...
uniapp weapp-qrcode.js生成二维码，并下载二维码图片
找了很多插件,但是都太复杂,不符合自己的要求找了个最简单的.weapp-qrcode.js ,生成二维码没有问题,但是下载图片获取不到图片路径,自己稍微改造了一下 https://github.co ...
qrcode.js 生成二维码包含logo和背景图片及IE下载二维码
思路: 1. 通过qrcode.js 生成带logo的二维码 2. 将背景图片.logo与生成的二维码图通过canvas 绘制在一起形成一个新的canvas 3. 将canvas 转成base64的u ...
js 生成二维码并下载
1.先利用 qrcode 生成二维码引入qrcode.js ,地址为 qrcodejs-04f46c6.zip 点击打开链接页面: <button onclick="createQ ...
js生成二维码，并将生成的二维码进行保存（手动下载）
生成二维码并保存为图片,点击下载此二维码简单实现的效果,如有更好的请指教利用jquery 加jquery.qrcode //外部的js<script src="./jquery/2 ...

js 生成二维码下载到本地

js 生成二维码下载到本地相关推荐

最新文章

热门文章

js 生成二维码 下载到本地

js 生成二维码 下载到本地相关推荐

最新文章

热门文章

js 生成二维码下载到本地

js 生成二维码下载到本地相关推荐