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

最新推荐文章于 2024-11-13 11:30:23 发布

原创最新推荐文章于 2024-11-13 11:30:23 发布 · 4.6k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#js #前端

前端专栏收录该内容

1 篇文章

订阅专栏

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

可以考虑这种写法

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

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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Xx_doing

关注关注

7
点赞
踩
4

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

浏览器访问阿里云PDF文件不是直接打开的问题

qq_39041201的博客

08-18

1188

场景：在后台管理项目中的pdf上传功能，上传到阿里云，得到一个阿里云的url地址，前端利用iframe标签预览。此时发现并没有预览成功，浏览器直接去下载pdf文件了。即使把该地址直接在地址栏访问也会变成下载。此时可以发现并不是前端代码或是浏览器的问题。因该是阿里云配置的原因。

【vue】a链接跳转新页面+window.open跳转新页面，a链接下载pdf格式文件

花椒和蕊的博客

12-30

2730

下午做到发票预览功能，有个判断条件，根据某个字段的状态选择直接展示或调接口展示不是很难的需求，只是自己掉进不思考的脑洞里，导致自己花了点时间才弄出来，还是记录一下先说预览 <a-table ref="tableOrder" size="default" :columns="columns" :data="loadData"> <template slot="action" slot-scope="text, record"> <sp

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

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（url,‘_blank‘）打开pdf文档会执行下载而不是预览

qq_62629288的博客

11-29

6449

window.open打开pdf

web浏览器环境下使用window.open()打开PDF文件不是预览，而是下载文件？

Hassan的小博客!

11-13

2127

Content-Disposition 是 HTTP 响应头中的一个字段，用于指示响应的内容是以何种方式呈现给用户的。它主要用于描述如何处理响应体中的内容，例如是否应该将内容保存到磁盘，或者直接在浏览器中显示。具体情况具体对待，我这里是服务器配置的。

js中window.open打开一个新的页面

10-25

如果已经有一个以该名称命名的窗口，`window.open` 将重用那个窗口，而不是打开新的窗口。 - `features`：可选参数，用来定义新窗口的特性，如大小、位置、工具栏、菜单等。它通常是一串逗号分隔的属性名和值，例如 ...

如何在浏览器中打开pdf

04-14

如何在浏览器中打开pdf 如何在浏览器中打开pdf 如何在浏览器中打开pdf 如何在浏览器中打开pdf

window.open配合document.write实现图片预览而非下载

m0_63026408的博客

07-12

1559

点击事件后要打开新窗口预览图片（png，jpg--图片类型不是pdf或者文档）window.open()方法与document.write()方法结合。打开指定URL的页面。如果没有指定URL，打开一个新的空白窗口。

window.open()详解及浏览器兼容性问题示例探讨

12-11

`window.open()`是JavaScript中用于打开新浏览器窗口的函数，其基本语法为： ```javascript window.open(pageURL, name, parameters); ``` 1. `pageURL`：指定要打开的页面URL，即子窗口的路径。 2. `name`：定义...

window.open打开新窗口参数设置

11-24

1. **兼容性问题**：不同的浏览器对 `window.open()` 方法的支持程度不同，因此在使用时需要注意浏览器兼容性问题。 2. **弹窗阻止**：许多浏览器都具有弹出窗口阻止功能，这可能会影响 `window.open()` 方法的执行...

图片、txt文件直接下载，不预览

Zhang_h_的博客

07-28

1466

通常下载文件会使用 window.open(url)，但是对于浏览器可以解析的文件，浏览器会自动在新标签页打开，所以需要特殊处理。图片的下载： //以下是获取图片 DataURL getImageDataURL(image) { // 创建画布 const canvas = document.createElement('canvas') canvas.width = image.width canvas.height = image.height

解决window.open()打开图片链接直接下载，而不是新窗口预览的问题

weixin_43688854的博客

03-15

2845

window.open打开一个jpeg格式的链接，预期是在新窗口预览，但是直接下载了。我的最终解决方法参照这个链接用html包裹图片链接可以解决。

window.open() 预览下载文件

lucker_y的博客

03-15

2796

实现文件预览并下载；但是打开多个文件的时候浏览器会阻止；请设置浏览器关闭弹窗拦截； (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下载pdf或直接打开文件

weixin_47471608的博客

10-09

8186

@[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

js通过url下载文件（不打开新页面）

jojo1001的博客

10-02

5341

js通过url下载文件，不打开新页面

window.open text格式直接打开而不是下载

qq_17859117的博客

12-21

1224

content为text内容，可以从后台传来，前端声明等等，fileName为文件名，主要是将txt封装成a标签进行下载主要是将txt封装成a标签进行下载。

javascript 实现下载的几种方法

weixin_43299180的博客

12-31

1万+

我们在项目开发过程中，经常会遇到下载功能；基于我使用过的方法做了一个总结，然后写下这篇文章作为记录！一、使用 a 标签（get请求） a标签是最简单的方法，只需要把文件的地址或接口给 a 标签的 href 属性，可以为 a 标签添加 download 属性来指定下载的文件名；可省略download 属性，如果省略浏览器会自动识别源文件名。 <a href="文件地址" download='文件名'>下载</a> //url 文件地址或接口地址 function d

window.open打开pdf