a 便签实现下载

如果想通过纯前端技术实现文件下载，直接把a标签的href属性设置为文件路径即可，如下：

<a href="https://cdn.shopify.com/s/files/1/1545/3617/files/SH01_User_Manaul.pdf">download</a>

但是，对于 txt , jpg , pdf 等浏览器支持直接打开的文件不会被执行下载，而是会直接打开，这时候一个新属性就要上场了--【download】

<a href="https://cdn.shopify.com/s/files/1/1545/3617/files/SH01_User_Manaul.pdf" download="test.pdf">download</a>

download属性不止可以实现下载，其属性值还可以规定下载时的文件名，如果不填写，会自动使用默认文件名。

很遗憾，兼容性不佳，本人实际测试结果也同上图一致。但是，虽然不兼容，但不代表完全不支持，IE 和 Safari 不会直接下载，但是会有下载提示框弹出，只是多绕了一步而已。如果不想借助后台而要实现文件下载，给a标签加download绝对是首选之策。

另外，我们还可以通过js判断浏览器的兼容性去选择性给用户一些提示信息。

<script>var supportDownload = "download" in document.createElement("a");if(!supportDownload){
//        code...}
</script>

转载于:https://www.cnblogs.com/EnSnail/p/7772754.html

a 便签实现下载相关推荐

电脑端便签工具推荐,电脑上好用的便签工具下载
电脑上总有一些工具是人人都需要安装的工具,比如电脑端的便签工具,很多职场人在日常工作中都会用到电脑便签这一款工具,根据不同的使用场景,大家选择的便签工具也会有所差异. 怎么才能找到一款适合自己的电脑便 ...
日程规划软件哪个好 2022日程规划便签APP下载
在移动互联网时代,工作效率将会影响很多人的生活质量.职场人士每天要做的事情杂七杂八的很多,如果没有一款手机日程管理软件来帮助安排好每天的工作计划的话,生活和工作都进入无序状态,久而久之就让人崩溃,工作 ...
安全好用的电脑便签软件下载推荐
很多职场人士喜欢在工作电脑上安装便签,方便记录当前要完成的任务.那么好用的电脑便签有哪些呢?现在小编就给你介绍比较常用的电脑便签软件,以及便签下载推荐渠道. 职场人士比较常用的有两种便签,一种是系统自 ...
好的电脑桌面便签软件下载,电脑桌面便签下载安装
用电脑办公的上班族,大多喜欢在电脑上使用桌面便签.领导交代了什么事情,记录在桌面便签上,就不容易忘记.那么好的电脑桌面便签软件怎么下载呢? 按说电脑上是有自带便签的,从电脑开始菜单栏里仔细找,就能找到 ...
android便签工具下载,爱便签(多功能效率工具)
爱便签是一款具备多种功能的工具,它集中了便签.记事本.清单等多种内容,为你的生活提供文字上面提供文字效率上面的服务,用这款软件来创造生活当中的一些小美好,功能繁多的同时也保证了在页面上面的简洁,感兴趣 ...
手机便签APP下载安装
在每一个人的手机上应该都会有一款记录备忘事项的便签或者备忘录软件,现代人的生活节奏比较快,丢东忘西是一种常态,而借助手机上好用的备忘录或者便签APP则可以帮助大家将这些丢失的记忆整合起来,以防忘记. ...
2022好玩的便签推荐 2022好玩的便签APP下载
在使用手机的时候,有一种工具不能少,那就是手机便签.在信息爆炸的时代,当我们遇到对自己有用的信息,立刻记录保存下来是明智之举.手机便签就是记录和保存各类信息的工具软件,对于手机便签的选择也要非常慎重. ...
便签软件哪个好用方便又好用的便签软件下载
如果你一直在寻找一款方便又好用的便签,看这篇文章就对了.敬业签这款便签操作简单外观简约,用起来非常顺手.不但基本功能好用,一些辅助功能也非常迎合现代人的需求. 敬业签可以分为手机版.电脑版.网页版,除 ...
免费下载便签,便签工具下载安装
很多便签类的软件深受职场人的青睐,便签界面虽小,但是带给大家的方便确实非常大的,比如工作中可以将每日需要完成的各项任务逐一记录在便签上,便签可以起到实时提醒自己的作用. 工作中很多不用便签记录工作事项 ...
visual studio哪一款比较好用_电脑桌面上使用的工作便签软件下载哪一款好用？...
对于家装行业的工作人员来讲,拥有一款好用的日程计划表是非常有必要的,比如将第二天要做的事情.要见的客户一一安排好,再比如明天要安排和哪个客户见面.量房,再比如一些事先和客户安排好的行程等等与工作相关的 ...

a 便签实现下载

a 便签实现下载相关推荐

最新文章

热门文章

a 便签实现 下载

a 便签实现 下载相关推荐

最新文章

热门文章

a 便签实现下载

a 便签实现下载相关推荐