遇到的問題:下載二維碼,使用js或jquery觸發a標籤的click無反應
操作過程
1. 頁面引入js <script type="text/javascript" src="qrcode.js"></script>
2. 寫一個div標籤當做容器 <div id="qrcode"></div>
3. 生成二維碼。
$('#qrcode').html("");
var qrcode = new QRCode(document.getElementById('qrcode'),{
text:url,
width:128,
height:128,
correctLevel:QRCode.CorrectLevel.H
});
4.下載
function downloadClick() {
// 獲取base64的圖片節點
var img = document.getElementById('qrcode').getElementsByTagName(
'img')[0];
// 構造a標籤並模擬點擊
var downloadLink = document.createElement('downloadLink');
downloadLink.setAttribute('href', img.src);
downloadLink.setAttribute('download', '二維碼.png');
downloadLink.click();
}
在這兒卡主了,模擬下載一直沒有反應
我的解決方法:
<a id="abc" download="二維碼.png"></a>
在頁面上加入a標籤,然後將
document.createElement('downloadLink');改爲document.getElementById('abc')
這樣就可以下載了,但是不清楚爲什麼這樣就行。