a 標籤下載
阿新 • • 發佈：2018-11-16
總所周知，在前端，一個a標籤裡面，讓它訪問到某個資料夾下的檔案，如果一個檔案是以 .docx 或者 .xls .pdf結尾的，會自動下載，但碰到圖片，或者以 .txt結尾的則會展示，那麼，讓圖片跟 .txt結尾的也能下載方法是
<img src="xiaoqing.jpg" class="xiaoqing"></img>
<input type="button" value="download_image" onclick="downloadIamge('.xiaoqing','xiaoqing.jpg')">
function downloadIamge(selector, name) {
var img = document.querySelector(selector)
// 將圖片的src屬性作為URL地址
var url = xiaoqing.src
var a = document.createElement('a')
var event = new MouseEvent('click')
a.download = name || '下載圖片名稱'
a.href = url
a.dispatchEvent(event)
}
至於 .txt結尾的：
<a href="./xiaoqing/as.txt" download "as.txt"><font color="blue">考生模板</font></a>
加上一個download 跟檔名字即可，這個方法同樣適用於圖片下載，簡單好用