超链接a的download属性 实现文件下载功能

摘要:
百度智知道a的下载属性,主要功能是实现下载功能。主要语法是下载URL是您的路径。如果您不写它或将它写为#,您将下载当前页面的HTML代码。文件名是下载文件的名称。H5将来上载和下载文件非常方便。---------------------------------------------------------------------2020年1月11日更新------------------------------------------------我更改edmacBookPro来证明Safari也受支持,并且下载属性不仅仅是更改文件名。换句话说,不会触发onbeforeupload事件。这意味着,如果您的页面作为一个整体有一个跳转限制,以防止用户随机刷新,那么如果要使用<a>标记进行下载,则必须添加下载属性。

今天做项目遇到一个要点击按钮下载文件的功能。

百度之 知道了a的download属性。这是HTML5的新特性。主要功能是实现下载功能。主要语法是

<a href="http://t.zoukankan.com/url" download="filename">下载</a>

url是你的路径,如果不写或者写成# 会下载当前页面的HTML代码

filename是下载之后文件的名字。所以不写也可以,不写会按照路径里的那个文件名来。

这个属性不兼容ie, 版本多高的ie都不支持。

以后H5可以实现文件的上传和下载那还是很方便。

------------------------------------------------2020/1/11更新-------------------------------------------------

本人换了macBookPro 证明Safari也是支持的

还有就是download这个属性 不仅仅是改个文件名这么简单。

a链接加上href其实就可以实现下载,但是页面会闪一下,因为打开了新页面。加上了download属性后,就不会了。

换句话说 不会触发onbeforeunload事件了。

这意味着,如果你的页面整体加了跳转限制,不让用户随便刷新,那你如果还想用<a>标签实现下载,就必须加上download属性。否则会出以下弹框。

超链接a的download属性 实现文件下载功能第1张

免责声明:文章转载自《超链接a的download属性 实现文件下载功能》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Apache APISIX 的安装和配置请求转发url匹配unity 之协程返回值下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Spring对外部属性文件指定的某个属性进行加密、解密

[From] http://blog.csdn.net/ethanq/article/details/7333897 在我们开发当中,经常会用到spring框架来读取属性文件的属性值,然后使用占位符引用属性文件的属性值来简化配置以及使配置具有更高的灵活性和通用性。   如下面的属性配置文件:db.properties    #数据库配置   db.dri...

详细讲解jquery带进度上传插件Uploadify(ASP.NET版本)使用

本文将带给大家很帅的jquery上传插件,ASP.NET版本的哦,这个插件是Uploadify实现的效果非常不错,带进度显示。首先到Uploadify官方下载这个插件:官方下载 官方文档 官方演示 好,下载好之后,按下面的步骤来实现一个简单的上传功能。1 创建Web项目,命名为JQueryUploadDemo,从官网上下载最新的版本解压后添加到项目中。2...

学会使用Web Service下(客户端访问)/(服务器端访问)

http://www.cnblogs.com/ruihua/archive/2007/10/28/940287.html http://www.cnblogs.com/ruihua/archive/2007/10/28/939932.html学会使用Web Service上(服务器端访问)     关于什么是Web Service,相信在很多地方都会有介绍...

MyBatis映射文件(编写SQL语句;可有可无(无的时候,使用注解编程))

 一、映射文件  1.简单的增删改(需要commit)---查 MyBatis允许增删改直接定义以下类型返回值   Integer、Long、Boolean、void 我们需要手动提交数据。   sqlSessionFactory.openSession();===>需要手动提交   sqlSessionFactory.openSession(tr...

经典的JAVA面试题

Java基础方面: 0、作用域public,private,protected,以及不写时的区别答:区别如下:作用域 当前类 同一package 子孙类 其他packagepublic √        √                  √       √protected √  √                  √        ×friendly...

HTML5+CSS3

0、常用技巧  1)使几个盒子在同一行不换行地靠左且上下居中 /* 弹性盒子 */display: flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap; 1、css基本考点问题 1)、什么是样式表,样式表是由一条条规则组成的,而一条规则由选择器+声明块组成,声...