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

最新推荐文章于 2024-08-13 15:21:49 发布

dxyzhbb

最新推荐文章于 2024-08-13 15:21:49 发布

阅读量1.5w

点赞数 1

分类专栏： # 显示文件与文件上传下载

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

版权

显示文件与文件上传下载专栏收录该内容

19 篇文章 0 订阅

订阅专栏

在HTML4.0中直接用标签对文件进行下载，如果不想在浏览器中直接打开，则给标签添加属性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年卡可用

立即使用

dxyzhbb

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

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

qq_37896260的博客

09-02

2640

经常出现点击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

3335

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

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

HTML超链接无法本地文件,HTML如何超链接到打开本地视频文件,而不是另存为

weixin_39916479的博客

06-15

1886

HTML如何超链接到打开本地视频文件，而不是另存为1、所要打开的文件如果是网页支持的文件，如：flv,rmvb,jpg,mp3文件，点超链接会弹出“‘打开'或'保存’”的对话框，去掉对话框里“不总是询问”选项，则以后不询问而是直接打开。2、所要打开的文件如果是网页不支持的文件，如：AVI,BMP,文件，点超链接会弹出“另存为”对话框。3、所要打开的文件如果是jpg、txt文件，点超链接会以网页形式...

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

07-06

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

uniapp + 安卓APP + H5 + 微信小程序实现PDF文件的预览和下载

最新发布

m0_46487331的博客

08-13

981

uniapp + 安卓APP + H5 + 微信小程序实现PDF文件的预览和下载

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

程序员

03-22

7100

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

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

weixin_30553065的博客

07-05

7006

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

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

03-17

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

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

04-15

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

vue实现在线预览pdf文件和下载（pdf.js）

10-15

在本文中，我们将详细探讨如何使用Vue.js实现在线预览PDF文件以及下载功能，这里采用的插件是pdf.js，一个广泛使用的开源PDF阅读器，由Mozilla基金会开发。首先，了解pdf.js的基本概念非常重要。pdf.js能够将PDF...

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

jinchunye的博客

12-22

3212

<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

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

热门推荐

敲键盘的猫

10-10

1万+

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

使用js下载pdf文件

One__PieceLufei的博客

08-01

7785

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

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

tutouman的博客

08-12

2793

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

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

id_ip的博客

06-11

1281

实现下载远程服务器资源的功能，使用了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下载的两种方式

MISS_zhang_0110的博客

04-06

2572

前端实现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

276

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

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

weixin_68915174的博客

06-28

1674

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

html pdf下载而不是直接打开

06-03

您可以通过在HTML中添加一个下载链接，将PDF文件下载到您的计算机上，而不是直接在浏览器中打开它。以下是一个示例链接： ```html <a href="path/to/your/file.pdf" download>Download PDF</a> ``` 在这个链接中，`href` 属性指定了您的PDF文件的路径。`download` 属性告诉浏览器该链接应该被下载，而不是直接打开。请注意，某些浏览器可能会忽略 `download` 属性，或者可能会在新标签页中打开链接。因此，为了确保PDF文件被下载，您可能需要提示用户右键单击链接并选择“另存为”或“下载链接”。