js window.open(url)为什么会自动下载文件,而不是打开文件?

JavaScript010

js window.open(url)为什么会自动下载文件,而不是打开文件?,第1张

wendow.open如果里面放入的是文件,肯定是会下载文件的。解决方法如下:

1、首先新建一个html页面,命名为test.html。

2、然后window.pen()方法的参数可以为任意的网址,默认情况下,是在新的浏览器窗口打开链接地址。下面代码实现了点击按钮,在新窗口打开百度网站的首页。

3、window.pen()方法第一个参数是网址,第二个参数是打开方式设置,主要有以下几种:_blank :在新窗口打开链接。_parent :在父框架窗口打开链接。_self :在当前的窗口打开链接。_top : 在框架窗口的最上一个窗口打开链接。

4、window.open()方法第三个参数主要用于设置窗口的属性,以固定的宽度和高度窗口打开链接。

5、最后windw.open()方法不仅可以在js函数内使用,还可以直接在html标签上由事件调用,下面代码在button标签内使用onclick点击事件调用window.open()方法。

1. 调用后端接口导出文件

示例下载接口url https://gold-cdn.xitu.io/extension/0.3.9/package.crx

1.1 window.open(url)

会打开一个新窗口,开始下载后会自动关闭新窗口。Safair 下载后没有关闭新窗口。

Chrome、IE、Safair支持,貌似火狐不支持

1.2 window.location=url

在当前窗口下载

Chrome、Safair支持

1.3 iframe

在HTML中,iframe 的属性用src,但在JS中,只有部份浏览器支持修改src(读是没问题),真正通用的是要修改对应框架的href值。

1.4 <a href="url" download="filename">点击链接下载</a>

HTML5中给a标签增加了一个download属性,只要有这个属性,点击这个链接时浏览器就不在打开链接指向的文件,而是改为下载,目前只有chrome、firefox、opera、Edge支持。常用此方法点击下载图片。

IE既不支持a标签的download属性也不允许js调用a 标签的click方法。

2. 前端直接导出文件到本地

2.1 将数据转成DataURI用<a>标签下载

<a href="DataURI" download="filename">点击链接下载</a>

Data URI Scheme

Data URI Scheme是指可以在Web 页面中包含图片但无需任何额外的HTTP 请求的一类URI。 Data URI Scheme一般用于将经过base64编码的数据嵌入网页中,从而减少请求资源的链接数。IE8 之前的版本都不支持 data URI scheme。

DataURI的格式:

生成DataURI的方式

1. encodeURIComponent

使用这种方式,当数据过多时,URI长度容易超出浏览器限制。 encodeURIComponent常用来转码接口参数,为了避免服务器收到不可预知的请求,对任何用户输入的作为URI部分的内容都需要用encodeURIComponent进行转义。

2. URL.createObjectURL

URL.createObjectURL的参数是File对象或者Blob对象

IE10以下不支持URL.createObjectURL

2.2 windows.navigator.msSaveBlob IE10~Edge 专用

msSaveBlob 是IE10~Edge 私有方法。

2.3 execCommand

有的资料有提到IE9可以使用execCommand方法来保存数据到本地文件,但是我自己没有验证过,不知道是否可行。而且MDN文档中execCommand没有查到SaveAs命令。这块只是做个小记录。

js数据直接导出/下载数据到本地到方法总结

本文转载自:https://juejin.im/post/5cd00253518825418f6f2a8c?utm_source=gold_browser_extension

请不要盗用我的答案!!

一号方案【新P】

注意【原创】:

1.安全模式下,效果更好!

2. 以下所要使用的软件,都要安装或升级到最新版本,以保证使用的效果。

3. 不杀毒,直接使用以下方法也可以 。若效果不好,就先在安全模式下用优质杀毒软件(如:卡巴斯基)杀一下,360安全卫士最好也用一下,之后,再用以下方法。

(用360安全卫士的“杀木马”----“全盘扫描”。杀完重启。)

以下方法,不一定都要用,可以一个一个去试。有时,仅第一个就管用了。

一. 关闭浏览器,打开新版本360安全卫士的“系统修复”,扫描后,再点“一键修复” 。

再用360急救箱(360安全卫士的“功能大全”里有。若未安装360安全卫士,也可单另安装急救箱。)【按步骤操作:先“开始急救”;扫描完后,重启;再点“系统修复” (可以全选)――“立即修复”。 接着,点“DLL文件恢复”,添加系统检测时所得知丢失的DLL文件,再点“立即修复’。“修复网络”视情况而决定是否修复。完后,应重启。】

二.用360安全卫士的“清理插件”进行扫描,扫除恶意插件后,进行清理。完后应重启。

三.用windows清理助手(从网上下载)。扫描后(若扫出东西,都勾并清理),再用故障修复(全选),然后在桌面点鼠标右键刷新。安全模式下效果好。

四.用金山急救箱【勾上“扩展扫描”,点扫描后,如果出现可以修复的项目,全选后,点“立即处理”,完后重启。】

也可下载使用可牛系统急救箱。

强调------1.修复中,杀软或360有提示时,请点允许。操作中如提示重启就重启下电脑。2.效果不好时,看“注意”中的三点。 3. 完后,效果不好的话,也可考虑系统还原一下(选好还原点)。4.还不行,就找专修店或重装系统。

祝你成功 !