qrcode.js点击生成并下载二维码

qrcode.js点击显示对应商品二维码、生成二维码、下载二维码,qrcode二维码源代码下载

分类：其它特效 > 二维码难易：初级

查看演示下载资源下载积分： 50 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

qrcode.js操作商品列表二维码

//生成并显示二维码
function show_ma(proid, o) {
    var oTop = parseInt($(o).offset().top) + parseInt($(o).height()) + 12;
    var oLeft = parseInt($(o).offset().left);
    //console.log(oTop);
    $("#code_box").css({"top": oTop, 'left': oLeft});

    document.getElementById("qrcode").innerHTML = '';		//清空二维码
    var qrcode = new QRCode(document.getElementById("qrcode"), {
        width: 200,
        height: 200
    });
    qrcode.clear();
    qrcode.makeCode("http://qrcode.51urmaker.com/productdetail?farmId=85&productId=" + proid);
    //document.getElementById("qrcode").style.display='';
}

//隐藏二维码盒子
function hide_ma() {
    $("#code_box").css({"top": '-9999px'});
    document.getElementById("qrcode").innerHTML = '';
    //document.getElementById("qrcode").style.display='none';
}

//下载图片
function downloadImage() {
    var imgSrc = $("#qrcode img").attr("src");
    var a = $("<a></a>").attr("href", imgSrc).attr("download", "img.png").appendTo("body");

    a[0].click();
    a.remove();
}

$("#code_box .close").click(function() {
    hide_ma();
});

$("#code_box .download").click(function() {
    downloadImage();
})