如何在html中下载pdf等文件而不是直接打开

最新推荐文章于 2025-03-24 03:30:26 发布

人圭先生

最新推荐文章于 2025-03-24 03:30:26 发布

阅读量2w

点赞数 1

分类专栏： web 文章标签： html pdf 标签

本文链接：https://blog.csdn.net/sinat_15274667/article/details/52040864

版权

web 专栏收录该内容

6 篇文章

订阅专栏

在HTML4.0中直接用<a>标签对文件进行下载，如果不想在浏览器中直接打开，则给<a>标签添加属性download进行下载
比如：

<html>
    <head>
        <tile>Test</tile>
    </head>
    <body>
        <a href="files/yang.pdf" download="CSDN">下载</a>
    </body>
</html>

这样点进行点击下载时浏览器弹出的是下载保存窗口而不是直接打开。这个属性可以设置一个值来规定下载文件的名称，不过这个只支持谷歌浏览器和火狐和IE8,其他没有测试

HTML5中直接用download

<a download="files/yang.pdf">下载</a>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

人圭先生

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
3
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

怎样让pdf 文件直接下载而在浏览器里直接打开

qq_37896260的博客

09-02

2891

经常出现点击pdf文件直接跳转到预览，以下是实现不跳转，直接下载文件的方法使用axios之前请求pdf路径，转换成流文件，然后可以直接进行进行下载，就不会直接打开pdf文件了 //使用axios直接请求pdf完整路径 axios({ method: 'get', url: 'pdf文件.pdf', responseType: 'blob' }).then((res) => { this.downloadFile(res.data, "文件", ".pdf"); }.

html 在线打开pdf文件,Html打开pdf、word、xls等文件

weixin_32244597的博客

05-30

3570

1、前端实现pdf文件在线预览功能方式一、pdf文件理论上可以在浏览器直接打开预览但是需要打开新页面。在仅仅是预览pdf文件且UI要求不高的情况下可以直接通过a标签href属性实现预览方式二、通过jquery插件jquery.media.js实现这个插件可以实现pdf预览功能(包括其他各种媒体文件)但是对word等类型的文件无能为力。实现方式： js代码：html结构：调用方式：$('#han...

3 条评论您还未登录，请先登录后发表或查看评论

js实现html中的pdf文件的在线预览、下载、打印等功能

07-06

包括js资源，及简单demo实现：html中的pdf文件预览

前端文件下载全解析：多种方式与实战示例

最新发布

男Ren、麦根的博客

03-24

645

属性可以直接下载链接文件，无需 JavaScript 处理。前端实现文件下载的方式多种多样，选择合适的方式取决于。，并提供详细示例，帮助你掌握文件下载的各种技巧。// 将 canvas 转换为 Blob 并下载。希望这篇文章能帮助你掌握前端文件下载的各种方法！（二进制大对象）可以用来存储二进制数据，并创建。，可以使用 ReadableStream。进行流式下载，并显示进度。请求文件，并将其转换为。：截图、绘图工具、导出。// 画一个红色矩形。

html网站a标签直接下载pdf，不在浏览器打开

程序员

03-22

7659

如何让网站点击a标签直接下载pdf而不是在浏览器打开浏览方法很简单，只需要在a标签添加download属性即可，代码如下。 <a href="wendang.pdf" download="文档.pdf">下载文档</a> 下载后wendang.pdf 会自动命名为文档.pdf。注意：该属性（download）不支持跨域请求，如果你是在本地测试，或者下载的文件和你的网站不是在一个域名下，该属性可能会失效。 ...

HTML 单击a标签实现下载文件而不是浏览器打开预览

weixin_30553065的博客

07-05

7093

<adownloadclass="down"title=""> 转载于:https://www.cnblogs.com/enych/p/9269494.html

实现html 页面下载为pdf文件(html2pdf)

03-17

JS 实现web页面下载为pdf文件，无需和后台交互，解决下载清晰度问题，解决分页问题；这次开发项目时，甲方服务器没有打印机，要求加的功能，自己费了很多时间收集资料研究，最后集成的代码；方便以后使用。希望对有需要的小伙伴有帮助。

html PDF只下载不打开

我不晓得

12-26

1990

方法一 <a href="/statics/tc/说明.pdf" download='' target="_blank">征集函 Open Call</a> 方法二 html端 <a href="/down_pdf.php?fname=pdfname.pdf" >征集函 Open Call</a> php端 <?...

Java Servlet实现在浏览器中打开pdf文件

04-15

本篇文章将探讨如何使用Java Servlet实现在浏览器中打开PDF文件。首先，我们需要理解Servlet的工作原理和PDF文件的处理方式。 Servlet是Java编程语言中的一个接口，它定义了Web服务器与Java代码之间的交互方式。当...

pdf.js可在HTML页面上载入和渲染PDF文件且可直接使用的demo(已解决隐藏打印下载等按钮）

03-22

直接在标准的HTML页面上载入和渲染PDF文件, 还可以提高安全性（不需要安装第三方插件，安全性由浏览器保证），浏览器所做的安全措施已经为pdf.js提供了安全的运行环境。已经解决了PDF隐藏打印，下载，打开功能，打开...

应用HTML5 <a>标签下载文件

热门推荐

敲键盘的猫

10-10

1万+

使用HTML5 标签可以直接下载文件而不用通过后台action。点击下载用户在点击这个链接的时候，就会直接下载这个文件，但是这里有个问题，像txt，jpg这些浏览器支持直接打开的文件是不会执行下载的，而是会直接打开。这时候可以给a标签添加一个download属性：点击下载 download也可以不给值，这样就会使用默认的文件名。浏览器支持表格中的数字表示支持该属性的第一个浏览器的

使用js下载pdf文件

One__PieceLufei的博客

08-01

7854

使用js下载pdf文件，可浏览后再下载在html中写入下载在js文件中写入 download: function() { var id = getSelectedRow(); if(id == null){ return ; } var rowData = $("#jqGrid").getRowData(id); va

a标签下载图片文件时，不让他打开而是直接下载的正确方式

tutouman的博客

08-12

3343

其实很简单，只需要在url最后加上“response-content-type=application/octet-stream”即可！至于为什么加这个参数能下载下来，据说是因为使用这个contentType的话访问页面的时候浏览器就会开启下载框对其内容进行下载。使用a标签的download属性进行下载操作时，如果下载的是图片视频类的，则只能下载同源文件，非同源的文件浏览器会自动打开浏览而非下载，那么非同源的该如何操作才能下载呢？

网站实现下载资料功能(pdf,doc,rar等)，使用FileSaver.js插件实现，实现重命名文件名，和不打开pdf等可打开文件

id_ip的博客

06-11

1431

实现下载远程服务器资源的功能，使用了FileSaver.js插件，具体下载地址 https://github.com/eligrey/FileSaver.js/ 下载完成进行页面引入即可 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scal

前端处理html文件转pdf下载

m0_50170396的博客

12-12

210

主要是前端进行编码的html文件转成pdf进行下载，部分复杂样式表格后端处理有难度时需要前端进行处理，所见及所得

前端pdf文件直接下载而不是打开

jinchunye的博客

12-22

3297

<a href = "https://image.baidu.com/search/detail?ct=503316480&z=0&ipn=d&word=%E5%9B%BE%E7%89%87&hs=2&pn=0&spn=0&di=113630&pi=0&rn=1&tn=baiduimagedetail&is=0%2C0&ie=utf-8&oe=utf-8&cl=2&lm=-1&amp

前端实现HTML转PDF下载的两种方式

MISS_zhang_0110的博客

04-06

2741

前端实现HTML转PDF下载的两种方式一、使用html2canvas和jspdf插件实现---导出pdf格式1.下载插件模块2.assets下js中创建htmlToPdf.js文件3.全局引入实现方法4.代码如下二、使用html2canvas---导出jpg格式1.下载插件模块2.代码如下一、使用html2canvas和jspdf插件实现—导出pdf格式 1.下载插件模块 npm install html2canvas jspdf --save 2.assets下js中创建htmlToPdf.js文件

php 强制下载 a,HTML5中的强制下载属性download使用

weixin_34199121的博客

03-12

305

链接中加入download属性可以使用户将文件下载下来而不是直接用浏览器打开,截止到目前为止对HTML5提供支持的浏览器已经对这个属性支持得比较好了,下面我们就来详细看一下HTML5中的强制下载属性download使用实例解析:HTML5 的 Download 属性用来强制浏览器下载对应文件，而不是打开。Chrome 和 Firefox 等浏览器太过于强大，也许是为了增强用户体验，当用户点击的资源...

点击a标签下载pdf并解决跨域问题

weixin_68915174的博客

06-28

2052

通过设置download来实现点击url下载想要的效果：实际效果：此时会跳转的新的页面，展示pdf的内容,download无效，这是因为异步的原因，存在跨域问题，无法实现直接下载通过这种方式可以解决跨域问题，实现想要的效果

html pdf下载而不是直接打开

06-03

您可以通过在HTML中添加一个下载链接，将PDF文件下载到您的计算机上，而不是直接在浏览器中打开它。以下是一个示例链接： ```html <a href="path/to/your/file.pdf" download>Download PDF ``` 在这个链接中，`...