核心提示:使用a标签完成点击下载文件功能htmla href=/user/test/xxxx.txt download=文件名.txt点击下载/a这样当用户打开浏览器点击链接的时候就会直接下载文件。但是有个情况...
使用a标签完成点击下载文件功能
html
<a href="/user/test/xxxx.txt" download="文件名.txt">点击下载</a>
这样当用户打开浏览器点击链接的时候就会直接下载文件。
但是有个情况,比如txt,png,jpg等这些浏览器支持直接打开的文件是不会执行下载任务的,而是会直接打开文件,这个时候就需要给a标签添加一个属性“download”;
以下为例子
html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<a href=/uploadfile/2018/0531/20180531103106852.png&raw=1"
download="test.png">点击下载</a>
</body>
</html>
其中down后面的属性是下载后文件的文件名字
若需从网页上传的图片中进行下载 可能会用到以下方法
获取主机域名:
location.hostname
获取端口号:
location.port