您现在的位置:首页 >> 前端 >> 内容

html代码实现点击下载文件的功能

时间:2018/5/31 10:32:12 点击:

  核心提示:使用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

Tags:HT TM ML L代 
作者:网络 来源:github_390