使用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/