jquery生成二维码

链接：https://pan.baidu.com/s/1eqLblJ51Ja3m44gEhmutNQ 
提取码：cjh6

步骤:
1. 引入Jquery文件
2. 引入jquery.qrcode.js文件
3. 引入支持中文的编码js文件 (utf.js)
4. 在网页中编写一个div 用于显示二维码

5. 准备二维码的规格对象(JSON)
var config = {
    width:数字,//值是number类型, 表示的单位是px 必须传递
    height:数字,//值是number类型, 表示的单位是px 必须传递
    text:“内容”,//text就表示二维码中存储的数据 必须传递
    correctLevel:数字,//取值为0|1|2|3 表示二维码的纠错级别0:L/1:M/2:Q/3:H ,默认0 可选参数
    background:"#rrggbb",//默认白色, 表示二维码的后景颜色 可选参数
    foreground:"#rrggbb",//默认黑色, 表示二维码的前景颜色 可选参数
    render:“绘制模式”//取值:table/canvas , 默认table 可选参数
};

6. 通过选择器, 查找到上述的div ,得到Jquery对象, 通过jquery对象的qrcode函数生成二维码

$("#div1").qrcode(config);

示例

下载图片需要获取画布

function download（）{
　　　var data = $("canvas")[0].toDataURL().replace("image/png", "image/octet-stream;");//获取二维码值，并修改响应头部。
　　　var filename="tupian.png";//保存的图片名称和格式，canvas默认使用的png格式。这个格式效果最好。
    var save_link = document.createElementNS('http://www.w3.org/1999/xhtml', 'a');
    save_link.href = data;
    save_link.download = filename;
 
    var event = document.createEvent('MouseEvents');
    event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
    save_link.dispatchEvent(event);
}

$("canvas")[0].toDataURL()    //获取base64格式的图片

可以提前吧url存到 隐藏Input里面  重新根据尺寸生成二维码

通过base64下载