js动态批量生成二维码踩坑（前面的二维码没有删掉）

问题描述：做一个批量打印功能，打印页面中需要动态生成二维码，如果打印完了不刷新页面接着点击第二次批量打印按钮出现二维码重叠。

代码如下：

if (flrStr(document.getElementById('qrcode')) != '') {
  //打印前先删掉原先二维码
  $(".print").eq(i).find(".qrcode img").remove()
  $(".print").eq(i).find(".qrcode canvas").remove()
  
  //生成二维码
  $(".print").eq(i).find(".qrcode").qrcode({
    text: qrCodeUrl,
    width: 135,
    height: 135
  });
  
  //把canvas转img
  var mycans = $(".print").eq(i).find("canvas")[0];
  // console.log('mycans',mycans,i)
  if (typeof mycans != 'undefined') {
    var img = convertCanvasToImage(mycans);
    $(".print").eq(i).find(".qrcode p").before(img)
    $(".qrcode").css("height", "160px")
  }
}

进入前端入门建站教程官网入口

barcode条形码/qrcode二维码兼容所有浏览器(含ie6/ie7/ie8)

打印申请单不支持canvas和table类型的二维码，通过

Vuejs轻松实现把生成二维码的弹窗保存到相册

js将链接生成二维码并转为图片的方法（图片可以

js将链接生成二维码并转为图片的方法（图片可以

标签： 二维码

上面是“js动态批量生成二维码踩坑（前面的二维码没有删掉）”的全面内容，想了解更多关于 js 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_2335.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！