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

已于 2023-08-29 14:40:53 修改
阅读量7.4k 收藏 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
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
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...
jquery media 在线预览pdf 文件插件
05-14
3. 初始化插件：在JavaScript中，使用jQuery选择器选中该容器，并调用`.media()`方法初始化插件，如`$("#pdf-preview").media({ type: "pdf", url: "file.pdf" })`，其中`type`指定媒体类型，`url`则是PDF文件的路径...
H5+JS页面直接查看PDF文件
12-07
移动端H5+JS页面直接查看PDF文件，纯H5的将pdf通过canvas重新绘制成数据流，展示到页面上。
js浏览器新窗口预览pdf文件(链接或本地)
qq_40588529的博客
05-17 4458
js浏览器新窗口预览pdf文件
后端返回的PDF文件，前端如何新开一个窗口打开预览，不能直接下载
最新发布
qq_42267338的博客
05-10 220
话不多说，直接上代码。
js在线查看pdf文件
12-05
JavaScript在线预览pdf文件，在线查看；
js打开pdf文件
m0_69564658的博客
02-28 1890
使用js打开pdf文件
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.
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即可
HTML中的常用标签.pdf
10-05
`target` 属性定义链接打开的方式，如`_blank`会在新窗口打开，`_self`在同一窗口中打开，`_parent`、`_top`和自定义窗口名称也有各自的用途。 4. `<frameset>` 和 `<frame>` 标签：这些标签用于创建框架布局，允许...
2 HTML、CSS、JavaScript标签参考.pdf
06-25
- **TARGET**: 控制链接在何处打开（新窗口/同一窗口/特定框架）。 - **NAME**: 创建一个锚点，以便其他链接指向该位置。 - **LINK**: 设置链接文本的颜色。 - **ALINK**: 设置活动链接（当前鼠标悬停或点击的链接...
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文件，简单，易操作，
在线显示pdf.js
12-15
官方整合文档：http://blog.csdn.net/hj7jay/article/details/53669595
基于pdfium获取pdf目录
01-05
1. **初始化PDFium**：首先，你需要加载PDF文件，使用`FPDF_LoadDocument`函数打开PDF文件，并获取文件的`FPDF_DOCUMENT`句柄。 2. **获取书签名**：然后，通过`FPDF_GetOutlineCount`函数获取书签的数量。对于每个...
前端js打开pdf文件--文件通过浏览器打开，以pdf形式进行预览
qq_39877681的博客
11-14 5171
前端js打开pdf文件--文件通过浏览器打开，以pdf形式进行预览
pdf.js 实现阅读pdf文件
热门推荐
jialexiaoxuan的博客
09-14 1万+
pdf.js跨域读取文件pdf文件 1、pdf.js获取文件的方法 You can modify the defaultUrl app option in the web/app_options.js file or you can append the ?file= query string to the viewer URL, e.g. http://mozilla.github.com...
router跳转不打开新标签
03-28
在React中，可以使用`history.push()`方法来实现路由跳转，而不打开新标签。该方法会将新的路由路径添加到浏览器的历史记录中，但不会导致页面刷新或打开新标签。示例代码如下： ```jsx import { useHistory } from 'react-router-dom'; function MyComponent() { const history = useHistory(); const handleClick = () => { history.push('/new-route'); } return ( <button onClick={handleClick}>跳转到新路由</button> ) } ``` 在上面的示例中，当用户点击按钮时，`handleClick()`函数会调用`history.push()`方法来跳转到`/new-route`路由路径。此时，React会更新页面显示的内容，但不会刷新页面或打开新标签。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值