HTML/CSS

网站实现a标签直接下载pdf文件不在浏览器打开

阿里云

默认情况下 pdf 文件使用超链接打开时,会在浏览器里直接打开预览,而不能直接下载。怎么让 pdf 文件点击后,自动下载而不是打开呢?其实让网站点击 a 标签直接下载 pdf 而不是在浏览器打开浏览方法很简单,只需要在 a 标签添加 download 属性即可,代码如下:

  1. <a href="wendang.pdf" download="文档.pdf">文档下载</a>
也想出现在这里?联系我们
创客主机

这样,当点击 a 标签 时,就会自动下载 wendang.pdf 文件,并且自动命名为 文档.pdf。

注意:该属性(download)不支持跨域请求,如果你是在本地测试,或者下载的文件和你的网站不是在一个域名下,该属性可能会失效。

网站实现 a 标签直接下载 pdf 文件不在浏览器打开

已有 293 人购买
查看演示升级 VIP立刻购买

收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!