window.open 前端下载文件，被拦截 或者显示无法安全下载问题

最新推荐文章于 2024-06-25 17:42:50 发布
最新推荐文章于 2024-06-25 17:42:50 发布
阅读量4.5k 收藏 3
点赞数 1
分类专栏： web前段 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34343254/article/details/124200264
版权


 openWin: function(url) {
        $('body').append($('<a href="'+url+'" id="openWin" target="_blank"></a>'))
        document.getElementById("openWin").click();//点击事件
        $('#openWin').remove();
    },
把 window.open(url) 换成以上方法

正常情况下是可以用的，但在 http请求中的回调方法中使用该方法或者window.open()方法下载文件，浏览器会认为这不是用户主动触发的动作，所以是不安全的，故被浏览器拦截。

解决方案是把上述方法单独提到一个function中，在ajax回调方法中调用该function.
 

一个路过的小码农~
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue 使用post/get 下载导出文件操作
10-14
这里，我们直接构建包含查询参数的URL，并通过`window.open()`打开新窗口，浏览器自动处理文件下载。 现在，我们转向Vue.js的双向数据绑定原理。Vue.js的双向数据绑定基于ES5的`Object.defineProperty`。Vue通过...
JS 下载 弹框被拦截解决方案
wangchaoqi1985的博客
07-11 1091
JS 下载 弹框被拦截解决方案
window.open 前端下载文件，被拦截 或者显示无法安全下载问题
Qlily_ing的博客
10-13 7094
openWin: function(url) { $('body').append($('<a href="'+url+'" id="openWin" target="_blank"></a>')) document.getElementById("openWin").click();//点击事件 $('#openWin').remove(); }, 把 window.open(url)换成以上方法 ...
window.open()新开页签被拦截解决方案
最新发布
weixin_57415697的博客
06-25 334
在需要接口返回信息后进行跳转的逻辑处理中,如果响应时间过长会导致浏览器将弹出框默认为垃圾网站, 但当前页面不牵扯新开页签的情况,浏览器不会进行限制跳转,此时若无法优化接口响应时间, 那就先进行设置一个页面配置路由,先在此页面进行请求接口, 响应成功后在此页面利用route.push进行跳转。在 Vue 中使用 window.open(href.href, '_blank') 打开一个新窗口时，如果浏览器的弹出窗口阻止器（pop-up blocker）处于活动状态，可能会阻止弹出新窗口。
window.open无法下载问题及其axios解决下载问题的方法，附hutool工具导出导入Excel的功能
eyouhs的博客
03-02 2021
window.open无法下载问题及其axios解决下载问题的方法，附hutool工具导出导入Excel的功能
vue中由 window.open转为二进制流下载 遇到下载之后无法打开或乱码的坑 (responseType: ‘blob‘ 无效)
m0_58293192的博客
06-25 1378
vue中由 window.open转为二进制流下载 遇到下载之后无法打开或乱码的坑 (responseType: 'blob' 无效)
window.open(文件url)不能成功下载文件
bei_311609000905的博客
03-14 5388
背景： 工作中发现window.open()，无论如何也不会下载文件，但是直接点击文件url是可以下载到的。 还好近期有成功下载案例，所以初步猜测是文件url某部分不一样，然后看到csdn上的某博主也遇到类似问题，他的提示如下： 即决解方法是：文件url的 http改用https 所以请后端同学修改下接口中的协议方案名为https就好了～ ...
JS实现点击下载的小例子
10-27
3. **用户体验**：使用弹出窗口的方式可能会受到广告拦截插件的影响，导致用户无法正常下载文件。可以考虑使用其他方式（如Ajax请求结合Blob对象）来改善体验。 #### 五、总结 通过以上分析，我们可以看到该示例...
java、javascript实现附件下载示例_.docx
12-05
前端请求下载可以通过多种方式实现，如Form提交、使用iframe或者直接使用`window.open`方法。 ##### 1. Form表单提交 ```html <form action="download.html" method="post"> ``` 这种方式简单直观，但可能不...
WebWork上传下载功能小记.pdf
10-07
4. **下载问题**：在IE中可能出现下载错误，可能是因为使用了JavaScript的`onclick`和`window.open`方法。建议直接使用`href`属性指向下载方法，避免引发浏览器兼容性问题。 以上就是WebWork框架中实现文件上传和...
Js拦截全局ajax请求
08-10
对于原生XMLHttpRequest对象，我们可以重写其open()和send()方法，或者利用onreadystatechange和onerror事件： ```javascript var xhr = new XMLHttpRequest(); xhr.open = function(method, url, async) { // 在...
window.open() 被拦截的问题解决
oscar999的专栏
04-29 1万+
某些浏览器（比如Chrome）出于安全和体验的考虑，会禁止直接在JS中使用 window.open(url) 打开新的窗口。但是如果使用 `window.open(url,'_self') ` 改变当前窗口是允许的。 禁止直接打开的原因就是非用户操作产生的新弹出窗口，会被认为这可能是一个广告，所以禁止了这种行为。
新版谷歌浏览器下载（http链接）没反应
qq_29207823的博客
12-13 5448
Chrome认为使用非https链接下载文件是不安全的，在新版本中阻止了用户下载。大部分网站都已经更改为https链接，只有少量网站还是http。有些网站虽然已经是https链接，但是下载的链接却还是http的，所以还是会提示“无法安全地下载”。
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方法
tenfyguo的技术专栏
08-23 3279
      我们知道在前台开发中，经常遇到需要通过脚本打开一个新页面的需求，这种情况下，我们经常用的可能方法是调用方法window.open方法，该方法的基本使用方法很简单： oNewWindow = window.open( [sURL] [, sName] [, sFeatures] [, bReplace]) 通过输入指定的sURL参数，而sName若打开新窗口设置‘_bla
window.open不生效
susuzhe
05-03 1万+
有些情况下我们不使用a标签要打开一个新窗口，可以window.location.href = url，但是这样打开是在当前窗口打开，如果使用window.open()，在非用户触发的情况下是会被浏览器安全机制拦截的。 $(".btn").on("click",function(){ window.open(url); }) 这个是生效的，因为是用户触发的$(".btn").on("cl
easyui出口excel无法下载框弹出的办法来解决
weixin_34376562的博客
12-11 118
使用前ajax发，码如下面（ActionUrl一般处理程序ashx路径）： $.ajax({ url: ActionUrl + '?action=export&amp;ID=' + $('#fm_ID').val(), dataType: 'json', success: function (json...
window.open强制下载文件
09-01
要使用window.open方法来强制下载文件，你可以执行以下步骤： 1. 创建一个包含文件下载链接的新窗口。例如，你可以使用以下代码创建一个新窗口并将其赋值给一个变量： ``` var newWindow = window.open(); ``` 2. 使用新窗口的document对象打开一个空白页面。你可以使用以下代码来实现： ``` newWindow.document.open(); newWindow.document.write('<html><head></head><body></body></html>'); newWindow.document.close(); ``` 3. 使用新窗口的document对象创建一个隐藏的表单元素，并设置其属性。表单元素的属性应包含要下载的文件的URL和相关的其他信息。例如： ``` var form = newWindow.document.createElement('form'); form.action = '文件的URL'; form.method = 'GET'; newWindow.document.body.appendChild(form); ``` 4. 在新窗口内自动提交表单。你可以使用以下代码来实现： ``` form.submit(); ``` 这样，当代码执行至此，新窗口就会自动下载指定的文件。请注意，由于安全性原因，现代浏览器可能会阻止弹出新窗口或自动下载文件。因此这种方法并不总是可行，特别是在浏览器的最新版本中。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值