下载文件使用window.open

最新推荐文章于 2024-03-15 16:39:51 发布
最新推荐文章于 2024-03-15 16:39:51 发布
阅读量1.4k 收藏 2
点赞数 2
文章标签： web vscode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/longwufengxiao/article/details/121422984
版权

无论下载什么压缩包还是文档，使用window.open都可以解决。

 这是我自己封装的api，接口所需要的参数

request.url是我自己前端跨域的，一般后端跨域，自己弄有点麻烦。

 页面直接调用接口就行了。

不需要花里胡哨的。直接通过浏览器下载。

龙舞风萧
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
解决js中window.open弹出的是上次的缓存页面问题
01-19
解决window.open打开的页面会保存缓存的问题。 在页面的head标签中加入以下代码 代码如下: <meta http-equiv=”Pragma” content=”no-cache” /> <meta http-equiv=”Cache-Control” content=”no-cache...
前端下载功能实现
weixin_43552533的博客
06-23 1300
近期封装obs上传、下载工具包时，调用obs下载接口时无法下载到本地，直接用window.open(url)时，有的文件只能预览不能下载，无奈只能另寻他路了。文件只预览不下载，可能因同源问题使浏览器无法打开文件下载框，导致文件不能下载。emmmm，百度上这么说的，具体原因本人也未寻到，有缘人见此可为小弟解答12~~~...
通过window.open使用url下载文件和download属性
孜然卷的博客
09-15 5786
JavaScript通过window.open（url）下载文件修改文件名
解决window.open()打开图片链接直接下载，而不是新窗口预览的问题
最新发布
weixin_43688854的博客
03-15 679
window.open打开一个jpeg格式的链接，预期是在新窗口预览，但是直接下载了。我的最终解决方法参照 这个链接 用html包裹图片链接可以解决。
使用Window.open(url)做文件下载请求地址
热门推荐
huqingpeng321的博客
10-19 3万+
项目中有用到poi下载excel和使用Itext下载pdf的需求，由于在前端有个下载操作过程中需要添加蒙层处理，前端使用submit提交下载地址请求，后台返回ResponseEntity(byte[])，在浏览器弹出下载框并点击下载后，由于我们无法判断是什么时候能下载完毕，开始时使用一个同步的ajax做页面刷新来消除蒙层，但是不知道问什么这个会打断浏览器的下载操作？？？（也一直没明白）？？？
js 通过window.open(url)下载文件，修改文件名
ke_sin的博客
12-22 8361
通过window.open(url)下载文件，修改文件名
前端导出或下载无感，不新开窗口
heerey525
12-25 3810
原因： 在导出或者下载的功能里常见的就是window.open(’下载的url地址’)，但是这样会导出是会新打开一个浏览器窗口，进行下载，在一些场景下是交互不友好的（如web页内嵌入C++的桌面应用） 优化： 利用iframe代替window.open()方法，通过将下载的url地址变更iframe的src属性来进行下载，当然要将iframe隐藏起来，这样就避免了window.open()方式下载的新开窗口的出现，代码如下： <template> <!-- 用改变iframe的src下载
Window.Open详解
12-16
Window.open ('page.html') 用于控制弹出新的窗口page.html，如果page.html不与主窗口在同一路径下，前面应写明路径，绝对路径(http://)和相对路径(../)均可。用单引号和双引号都可以，只是不要混用。 　这一段代码...
window.open的例子和使用方法以及参数说明
09-25
windows.open这个是JavaScript函数，但是在应用起来的时候总会遇到比较多的麻烦，因为参数非常多，用法也非常的多
window.open的功能全解析
12-10
– window.open (‘page.html’) –> [removed] 因为着是一段javascripts代码，所以它们应该放在[removed]标签和[removed]之间。<!– 和 –>是对一些版本低的浏览器起作用，在这 些老浏览器中不会将标签...
window.open()详解及浏览器兼容性问题示例探讨
12-11
一、基本语法： window.open(pageURL,name,parameters) 其中： pageURL 为子窗口路径 name 为子窗口名字 parameters 为窗口参数(各参数用逗号分隔) 二、示例 代码如下: [removed] window.open(‘page.html’,’new...
windows.open 在vue前端实现文件下载（自定义下载文件名）
qq740874037的博客
07-06 8276
windows.open 在vue前端实现文件下载（自定义下载文件名）
下载文件
zsy1209的博客
10-08 756
下载文件
window.open()发送post请求，实现下载文件功能
OrangePraline的博客
03-18 3235
window.open(url)只能发送get请求，要想发送post请求参数，需要创建表单，然后将参数提交给后台
前端下载文件或者图片方式，window.open或者a标签形式
柑橘乌云_
11-27 5768
上面的方案这么多，其实最终还是落到a标签上，所以不管是通过浏览器的内置行为进行下载，还是通过ajax进行下载，文件下载的最终还是浏览器的行为。我项目中遇到的需求如下：首先window.open(URL)的这种方式和a标签方式一样对于pdf和图片都会打开文件，而并非直接下载，那么当然如果自动打开pdf或者图片，鼠标右击图片或者pdf右上角也会有下载入口。但是如果说需求是点击按钮直接下载文件，那么需要采取获取文件流然后拿到文件流通过a标签下载这种当时，当然获取文件流可以前端去做也可以后端做。
window.open 兼容 PC 和手机端
asing1elife's blog
12-13 9279
window.open 由于浏览器安全策略的原因，在 PC 和手机端的表现可能会出现不同 更多精彩 更多技术博客，请移步 asing1elife’s blog 导致不同的根本原因 由于 window.open 被不少广告商滥用于弹出垃圾广告 所以目前主流浏览器都对 window.open 的执行做了限制 限制后的表现 浏览器只允许在用户明确操作后触发的事件里执行 window.ope...
Vue项目中使用window.open（）实现文件的下载
weixin_43181470的博客
09-30 3249
window.open() 实现文件下载
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 前端下载文件，被拦截 或者显示无法安全下载问题
Qlily_ing的博客
10-13 6803
openWin: function(url) { $('body').append($('<a href="'+url+'" id="openWin" target="_blank"></a>')) document.getElementById("openWin").click();//点击事件 $('#openWin').remove(); }, 把 window.open(url)换成以上方法 ...
window.open下载文件兼容
09-04
要实现window.open下载文件的兼容性，可以通过以下方式进行处理。 首先，需要确保所下载文件的格式是常见且被广泛支持的。例如，常见的文件类型如文本文件（.txt）、压缩文件（.zip）、PDF文件（.pdf）、Word文档（.docx）等，这些格式都是大多数浏览器默认支持的。 其次，需要添加合适的响应头信息，使浏览器能够正确地解析下载文件。在服务器端的响应头中，设置Content-Disposition为attachment，然后指定文件的名称和扩展名。这样浏览器就能够正确地识别文件的类型，并将其当作下载文件处理。 另外，为了确保兼容性，还可以提供多种下载方式。除了使用window.open打开新窗口下载文件外，还可以使用其他方法，例如使用iframe、a标签的download属性或者通过XMLHttpRequest来实现文件下载。根据不同的浏览器和环境，选择适合的下载方式可以提高兼容性。 最后，要注意不同浏览器对弹窗拦截的处理。一些浏览器会自动屏蔽弹窗，包括使用window.open下载文件时打开的新窗口。为了避免被拦截，可以在下载触发之前先通过用户操作，例如点击按钮等，来触发文件下载操作。这样用户的主动操作可以降低被浏览器拦截的概率。 综上所述，实现window.open下载文件的兼容性，需要选择常见且广泛支持的文件格式、设置合适的响应头信息、提供多种下载方式以及注意浏览器的弹窗拦截规则，这样可以增强兼容性并确保文件能够正确下载。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值