使用JQuery在特定div中显示QR代码图像

Question

我成功将我的QR码转换为图片，但它显示在空白页面中。我希望以div显示。 这是我的代码：

$('#qrBloc').qrcode({width: 200,height: 200, text:"something"});
var canvas = document.querySelector("#qrBloc canvas");
var img = canvas.toDataURL("image/png");
document.write('<img id ="qrimg" src="'+img+'"/>');

<div id="qrBloc">
</div>

Answer 1

问题在于document.write。

用

替换该行

$('#qrBloc').append('<img id ="qrimg" src="'+img+'"/>');

要删除canvas元素，您可以执行以下任一操作：

$('#qrBloc').empty().append('<img id ="qrimg" src="'+img+'"/>');

$('#qrBloc').html('<img id ="qrimg" src="'+img+'"/>');

文档https://api.jquery.com/category/manipulation/dom-insertion-inside/