qrcode.js生成二維碼並下載

遇到的問題:下載二維碼,使用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')
這樣就可以下載了,但是不清楚爲什麼這樣就行。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章