必威体育Betway必威体育官网
当前位置:首页 > IT技术

html实现点击下载文件

时间:2019-09-10 01:11:06来源:IT技术作者:seo实验室小编阅读:56次「手机版」
 

点击下载

使用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="http://171.188.96.**:****/d/c833945c11/files/?p=/plugins.maintain.CheckLinePartTask/cebab687-6dc5-4128-b7d9-8bc2fe369598.png&raw=1"

download="test.png">点击下载</a>

</body>

</html>

其中down后面的属性是下载后文件的文件名字

若需从网页上传的图片中进行下载 可能会用到以下方法

获取主机域名

location.hostname

获取端口号:

location.port

相关阅读

aspmaker如何加入在线HTML编辑器

做网站的都知道,网站后台的详细内容,必须要带HTML编辑器,这样才能做出丰富多彩的内容。常见的编辑器有:百度出品的UEditor,xhEditor开

HTML5页面使用required后,取消显示“请填写此必填项”

问题描述:HTML5页面输入框使用required属性后,点取消按钮,页面显示“请填写此必填项”:<input type="text" class="form-control" ng

text/html和text/plain区别

Content-Type:用于定义用户的浏览器或相关设备如何显示将要加载的数据,或者如何处理将要加载的数据。text/html的意思是将文件的con

HTML中cellpadding与cellspacing的区别解析

单元格(cell) -- 表格的内容单元格边距(表格填充)(cellpadding) -- 代表单元格外面的一个距离,用于隔开单元格与单元格空间单元格

HTML注释

HTML注释在HTML代码中,<!-- 和 -->标签之间的文本是文档的注释,注释的内容不会被显示在浏览器页面上。只有在文本编辑器中,或浏览器

分享到:

栏目导航

推荐阅读

热门阅读