a 标签下载

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_39131177/article/details/84071090

总所周知，在前端，一个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 跟文件名字即可，这个方法同样适用于图片下载，简单好用