window.open在打开pdf时直接下载而不是查看

最新推荐文章于 2024-03-15 16:39:51 发布
最新推荐文章于 2024-03-15 16:39:51 发布
阅读量3.9k 收藏 3
点赞数 6
分类专栏： 前端 文章标签： js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/X_doing/article/details/121267490
版权

一般这是url请求的原因导致的，

可以考虑这种写法

window.open(link+'?response-content-type=application/pdf')

加上后面这段可以转为查看

Xx_doing
关注
专栏目录
浏览器下载图片 前端下载图片/音频/视频/PDF等所有浏览器可以解析的文件格式；解决通过window.open打开链接后是新标签页面而不是下载文件；
lys20000913的博客
04-07 2687
前端实现下载图片文件/mp3/mp4/音视频/pdf等。简洁高效通用方法。
修改用window.open打开的网页标题(document.title)
d_append的博客
01-05 7728
想法：使用window.open打开一个标签页，但是发现有些标签页的title是一串长长的ip，因此想自己命名这个标签页的title。 尝试：在网上搜索到有说法说可以利用window.open的第二个参数（name），但是经过尝试发现这个参数，只是会自动跳转到已经打开且title相同的标签页，并非修改标签页的title。 解决方案： 利用window.open函数会返回打开的标签页的window来进行操作，要使用此方法需要注意，必须得是相同的域下边才能操作。 如在百度页面下， let test = wind
前端使用window.open（url,‘_blank‘）打开pdf文档会执行下载而不是预览
qq_62629288的博客
11-29 3649
window.open打开pdf
图片、txt文件直接下载，不预览
Zhang_h_的博客
07-28 1253
通常下载文件会使用 window.open(url)，但是对于浏览器可以解析的文件，浏览器会自动在新标签页打开，所以需要特殊处理。 图片的下载： //以下是获取图片 DataURL getImageDataURL(image) { // 创建画布 const canvas = document.createElement('canvas') canvas.width = image.width canvas.height = image.height
window.open() 预览下载文件
lucker_y的博客
03-15 2546
实现文件预览并下载；但是打开多个文件的时候浏览器会阻止；请设置浏览器关闭弹窗拦截； (function (){ let arr = ['https://www.baidu.com','https://www.baidu.com'] for(let url of arr){ // 打开文件(txt、doc、pdf...)并默认弹出下载框 window.open(url,'_blank') } })() ...
图片链接或pdf链接通过浏览器打开时，有时可以直接预览，有时却是下载，为什么？
My_Soul_的博客
11-17 1万+
content-disposition 是 MIME 协议的扩展 ，其作用就是用来处理一些文件的显示问题， content-disposition的值为inline时，表示它可以显示在网页内，或作为网页，此时浏览器会自动进行预览， content-disposition的值为attachment时，表示它应该下载，大多数浏览器呈现“另存为”对话框
解决window.open()打开图片链接直接下载，而不是新窗口预览的问题
最新发布
weixin_43688854的博客
03-15 1553
window.open打开一个jpeg格式的链接，预期是在新窗口预览，但是直接下载了。我的最终解决方法参照 这个链接 用html包裹图片链接可以解决。
如何在浏览器中打开pdf
04-14
如何在浏览器中打开pdf 如何在浏览器中打开pdf 如何在浏览器中打开pdf 如何在浏览器中打开pdf
window.open()详解及浏览器兼容性问题示例探讨
12-11
`window.open()`是JavaScript中用于打开新浏览器窗口的函数，其基本语法为： ```javascript window.open(pageURL, name, parameters); ``` 1. `pageURL`：指定要打开的页面URL，即子窗口的路径。 2. `name`：定义...
window.open() 下载文件问题分析
热门推荐
fxinn的博客
03-18 1万+
首先这种模式适用于后端返回文件流的模式。 window.open() 打开新的链接，这个链接访问到文件地址之后，就开始下载。其实同理 用a链接下载也是可以的，a链接添加 download 属性，然后herf链接是要下载的文件 原文参考：https://blog.csdn.net/weixin_46074961/article/details/105677732 https://blog.csdn.net/qq_38555490/article/details/99697993 ...
通过window.open下载pdf或直接打开文件
weixin_47471608的博客
10-09 7609
@[TOC] 通过window.open下载pdf或直接打开文件 通过window.open下载pdf或直接打开文件 后端设置 @RestController @RequestMapping("/print") public class PrintController { @GetMapping("/out") public void out(PrintVo vo, HttpServletResponse response) throws IOException { response.addHea
下载文件的三种具体实现方式
过客如期的博客
01-18 5480
const post = (url, params) => { // 创建form元素 var temp_form = document.createElement(“form”); // 设置form属性 temp_form.action = url; temp_form.target = “_self”; temp_form.method = “post”; temp_form.style.display = “none”; // 处理需要传递的参数 for (var x in params) {
js通过url下载文件（不打开新页面）
jojo1001的博客
10-02 4587
js通过url下载文件，不打开新页面
window.open text格式直接打开而不是下载
qq_17859117的博客
12-21 931
content为text内容，可以从后台传来，前端声明等等，fileName为文件名，主要是将txt封装成a标签进行下载主要是将txt封装成a标签进行下载。
vue 前端通过URL链接下载图片pnf等
前端小菜鸡的博客
12-25 2948
vue 前端通过URL链接下载图片pnf等  提示：如果后端返回的链接是可以通过以下方法直接下载的可跳过本章节 window.open(url, ‘_blank’) //外部窗口打开下载 提示：解释一下如果上诉方法是在浏览器打开预览，无法下载图片或者pdf等，请看下方文章。 文章目录vue 前端通过URL链接下载图片pnf等 前言一、window.open()是什么？二、解决url下载功能，1.在utils目录下创建dowload.js文件2.页面写入三、配置proxy代理总结 前言 提示：为什么
【vue】a链接跳转新页面+window.open跳转新页面，a链接下载pdf格式文件
花椒和蕊的博客
12-30 2483
下午做到发票预览功能，有个判断条件，根据某个字段的状态选择直接展示或调接口展示 不是很难的需求，只是自己掉进不思考的脑洞里，导致自己花了点时间才弄出来，还是记录一下 先说预览 <a-table ref="tableOrder" size="default" :columns="columns" :data="loadData"> <template slot="action" slot-scope="text, record"> <sp
window.open()打开pdf文档时乱码
03-25
A： 可能是编码问题导致的乱码。可以尝试在window.open()打开pdf文档时指定编码方式，例如： ``` window.open("path/to/pdf/file.pdf", "_blank", "charset=utf-8"); ``` 如果还是出现乱码问题，可以尝试使用其他方式打开pdf文档，例如使用PDF.js或者其他pdf阅读器插件。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值