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