【js】跳转到新标签打开PDF文件

已于 2023-08-29 14:40:53 修改
阅读量7.6k 收藏 1
点赞数 1
文章标签： javascript pdf 前端
于 2020-01-10 10:43:43 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lorogy/article/details/103920495
版权 
let url=fileBaseUrl+this.downloadForm.downloadFile//下载地址
let ele=document.createElement('a')//创建a标签
 ele.download=this.downloadForm.downloadFile//下载名称
 ele.target="_blank"//新标签
 ele.href=url//地址
 $("body").append(ele)//将a标签插入页面
 ele.click()//点击a标签实现跳转
 $(ele).remove()//移除a标签
lorogy
关注
前端项目新窗口打开pdf文件并预览
weixin_48309048的博客
08-11 975
有时候我们想实现一个功能，点击pdf的时候在新的标签页打开预览，而不是下载这个文件，下面这个方法亲测有效。
JS--浏览器直接打开pdf文档
热门推荐
me_never的博客
01-01 1万+
最近做了一个blob数据类型的pdf文档直接在浏览器打开，有一些难度。 首先需要给后台发送一个{responseType:‘blob’}，让后台返回的数据类型为blob 代码如下： var promise = model.postData(‘path’,params,{responseType:‘blob’}); promise.then(function(resp){ var blob = re...
js插件方式打开pdf文件(浏览器pdf插件分享)
12-12
两种方案：一种直接链接，把pdf文件当作img文件,类似这种形式，这样链接： 代码如下:<frame src=”pdf文件的地址”></frame>另一种：使用js插件哈。其中实现阅读pdf文件的js插件很多，比如：pdf.js：是一个技术原型主要用于在 HTML5 平台上展示 PDF 文档，无需任何本地技术支持；jsPDF：是一个使用Javascript语言生成PDF的开源库（IE暂不支持）；比较简单易上手的js插件：PDFObject.js，是一个 JavaScript 库用来在HTML中动态嵌入 PDF 文档。效果如下： PDFObject.js目前已经升级到1.
js读取pdf文件
最新发布
2301_78723495的博客
09-18 423
以下代码可以读取pdf文件并渲染到页面。
利用pdfjs在线显示pdf文件
weixin_52418790的博客
01-28 2099
1、下载pdf.js插件：https://github.com/mozilla/pdf.js 2、创建Vue项目 将下载好的pdf.js插件放在static文下 3、项目文件代码如下 <template> <div class="wrap"> <iframe :src="pSrc" width="100%" height="100%"></iframe> </div> </template> <script&g
js在线查看pdf文件
12-05
JavaScript在线预览pdf文件，在线查看；
js打开pdf文件
m0_69564658的博客
02-28 1965
使用js打开pdf文件
js浏览器新窗口预览pdf文件(链接或本地)
qq_40588529的博客
05-17 5042
js浏览器新窗口预览pdf文件
H5+JS页面直接查看PDF文件
12-07
因此，我们需要将PDF文件转化为数据URL或Blob对象，然后通过创建一个`<iframe>`或`<object>`标签来加载这个数据流。 二、实现步骤 1. **获取PDF数据**：使用Ajax或Fetch API从服务器获取PDF文件的二进制数据，或者...
a标签下载pdf download失效 （直接打开网页）
wl516372370的博客
12-29 4422
今天在写项目时遇到的问题： （暂未解决） 贴代码。 链接是一个pdf地址，点击链接，直接打开了该pdf，想要实现点击直接下载该pdf <a href="http://file.xxx.pdf" download>点击下载</a> 一般的文件可以直接使用链接进行下载，但图片、pdf等可以直接打开的文件只会预览，不会直接下载。 在网上找了很多解决办法（应该是跨域导致的）： 如： <a href="javascript:void(0)" download onclick="d
pdf.js在线打开pdf
11-21
pdf.js在线打开pdf(我们的需求是pdf不能打印下载，内容不能复制粘贴，原始pdf.js打开pdf是可以复制里边的内容的，我做了处理，不能复制里边的内容)访问http://127.0.0.1/pdfjs-1.9.426-dist/web/viewer.html?file=compressed.tracemonkey-pldi-09.pdf即可，把需要的pdf放到与compressed.tracemonkey-pldi-09.pdf同级目录下，把url地址file=后边的改成你的pdf即可
js读pdf文件
11-13
js读取pdf文件，适配goole等浏览器。有相应的demo代码参考。
pdf.js和pdf.worker.js html打开pdf所需要的js
07-12
pdf.js和pdf.worker.js html打开pdf所需要的js demo：http://www.cnblogs.com/zt-zoro/articles/7156120.html
浏览器查看PDF文件(JS)
04-09
通过jQuery，可以在浏览器查看PDF文件，简单，易操作，
jquery media 在线预览pdf 文件插件
05-14
3. 初始化插件：在JavaScript中，使用jQuery选择器选中该容器，并调用`.media()`方法初始化插件，如`$("#pdf-preview").media({ type: "pdf", url: "file.pdf" })`，其中`type`指定媒体类型，`url`则是PDF文件的路径...
jsp 展示服务器pdf文件,jsp实现pdf在线预览功能
weixin_42509803的博客
08-05 1897
pdf在线预览功能，具体实现：1、contentfile 是webroot目录下的文件夹 待预览的文件上传到此文件夹。2、Specificate 存放预览文件信息的实体类(表)。3、复制代码 代码示例:spath + "\\" + specificate.getTitle(); 路径加 文件名取到文件。public void preview() {String spath = ServletAct...
在手机端浏览pdf文件，遇到的问题整理
qq_35500233的博客
05-10 1万+
第一种方法： 直接使用a标签，将href属性的值赋为你想要展示的文件的路径地址。 我用自己的手机测试（android）时，主要要经过下面的流程 打开----->首先下载QQ浏览器（手机没有安装的情况下）----->点击下载文件（这个文件会在QQ）浏览器中的下载那里出现(不会直接显示出来需要自己点击)------>点击这个文件之后会询问使用手机上面那个软件打开（如：WPS Offi...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值