js 下载不弹框的解决方法

原创已于 2022-10-20 09:38:49 修改 · 631 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #html

于 2022-10-20 09:38:20 首次发布

vue 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了如何使用JavaScript在当前页面实现文件下载，避免页面跳转。通过创建隐藏的iframe元素，并设置其src属性为下载链接，可以在后台悄悄启动下载过程，保持用户在当前页面的浏览体验。

window.open && location.href 都可以实现下载的功能，但是需要跳转到新的页面

下面的方法在本页就可以下载了

download(url) {
	const elemIF = document.createElement("iframe");
	elemIF.src = url;
	elemIF.style.display = "none";
	document.body.appendChild(elemIF);
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

z-robot

关注关注

0
点赞
踩
1

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

JavaScript关闭提示：实现隐藏弹框提示

ByteGlide的博客

10-04

451

在JavaScript中，我们经常需要在网页中显示提示框来向用户展示一些信息。然而，有时候我们希望关闭这些提示框，以便提供更好的用户体验。通过这种方式，我们可以使用JavaScript实现关闭提示框的功能，提供更好的用户体验。你可以根据自己的需求来自定义提示框的样式和行为，以满足特定的项目要求。首先，我们需要创建一个HTML页面，其中包含一个按钮和一个提示框。按钮用于触发关闭提示框的操作，而提示框则用于展示信息。现在，当用户在浏览器中打开这个页面时，他们将看到一个带有"关闭提示"按钮和一个提示框。

前端监控弹框下载窗口的关闭

u013905123的专栏

07-10

2583

目的：通过编写js能够实现在弹框下载,并且监控下载窗口的关闭技术：js spring mvc 使用方式： 1. 前端代码： <script type="text/javascript"> var downloadWindow = null; //定义窗口的全局变量 //下载函数 function download() { ...

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

JS 下载弹框被拦截解决方案

weixin_34408624的博客

05-17

637

JS 下载弹框被拦截解决方案字数311阅读0评论0喜欢0 总结早期下载的简单用法 :window.open(downloadUrl) 下载弹框会被拦截, 解决方案是使用 form 来实现 //Jquery 版, 多次下载防止,添加多个 form if ($('#_downloadWin').length > 0) { $('#_downloadWin').attr('ac...

js调用浏览器的下载框

迷了璐的航的博客

08-15

5870

function openDownload(url) { let d = new Date().getTime(); let saveName=d+"."+ url.replace(/(.*\.)/, '');//这里文件名我用了毫秒数加上后缀 var $a = document.createElement('a'); $a.setAttribute("href"...

js直接下载文件，不是跳出新页面

weixin_37782353的博客

11-09

1377

【代码】js直接下载文件，不是跳出新页面。

javascript 实现文件下载,不跳转页面

qq_41974199的博客

05-23

1545

这个函数的作用是根据传入的url和fileType，下载对应的文件。其中，fileType的类型有：pdf、word、excel、ppt、txt、png、jpg、gif、bmp、tiff、svg。如果传入的url为空，抛出错误；如果传入的fileType为空，抛出错误。使用该函数实现了在浏览器端。如果有错误，欢迎指正。进行下载文件的功能。

struts json 类型异常返回到js弹框问题解决办法

10-20

然而，当后端的Struts框架处理过程中出现异常，而又配置了以JSON类型返回前端的逻辑时，前端JavaScript弹框无法正确显示异常信息，异常信息仅能在浏览器的控制台（Console）中查看到。这无疑给调试和用户交互带来...

解决layui弹框失效的问题

10-16

首先，layui弹框的失效可能有多种原因，其中包括JavaScript文件加载顺序不正确、CSS样式冲突、DOM元素未正确初始化等。针对本例中提及的问题，主要原因是JavaScript文件引用顺序不当。在原始代码中，layer.js被...

登录不弹框提示保存密码.不自动填充.文本框不拉选择

12-03

在压缩包中的"登录时不弹框提示保存密码"文件可能包含了实现以上解决方案的代码示例。通过这些技术，开发者可以确保在Chrome浏览器中实现一个符合特定需求的登录体验，既避免了不必要的密码保存提示，也去除了自动...

JS浏览器不跳转下载文件

m0_60207646的博客

11-07

481

let url="需要下载文件的url"；

用javascript实现点击链接弹出"图片另存为"而不是直接打开

10-30

用javascript实现点击链接弹出"图片另存为"而不是直接打开

JS新建文件到本地(不弹出保存文件框)

u013905123的专栏

02-21

5787

目的：通过编写js能够实现在本地电脑中新建一个文件（不弹出保存文件框）技术：FileSaver.js（gitihub搜索下载）使用方式： <script type="text/javascript" src="=FileSaver.js" charset="utf-8"></script> <script type="text/javascript&quot

js请求url下载pdf文件，没有弹出下载的文件

qq_33063583的博客

07-12

1412

之前写的方法，通过jQuery的post方法请求PDF下载地址，按F12,查询网络请求结果是200，但是不会弹出下载的文件。这个时候再双击URL地址再次提交请求，结果就会弹出PDF文件，又可以下载了。点击调用的js方法如下：该方法不会弹出下载的文件，只返回二进制流文件 function doBatchPrintReport(idDataGrid) { var rows = $('#' + idDataGrid).datagrid('getSelections');// 获取所有选中的行...

JS不弹出网页文件下载本地

lovegonghui的专栏

10-16

4560

文件下载到本地,支持IE与火狐. 这是前台JS代码: function downloadFile() { try{ var urlFile="http://localhost/File/test.xls"; var elemIF = document.createElement("iframe");

js 下载文件（常见类型：图片、视频、文档），不跳转新页面，亲测可用

weixin_42289080的博客

04-08

1610

废话不多说，直接上代码。 url 传入文件的全链接，fileName 可以为文件设置名字 /** * 直接下载指定链接 * @param {*} url 全链接 * @param {*} fileName 文件名字 */ export function DOWLOAD_FILE (url, fileName) { fetch(url).then(res => res.blob().then(blob => { var a = document.createElement('a

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

jojo1001的博客

10-02

5310

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

js前端自动下载文件（无刷新）

zz_strive_2012的专栏

07-04

2667

目录 1、利用form.submit直接向后端提交,后端返回文件流 2、利于iframe直接向后端提交,后端返回文件流 3、使用windows.open下载文件 4、解决“无法根据回调函数做交互”的问题：ajax提交，后端返回在线文件地址 5、解决“无法根据回调函数做交互”的问题：jquery-download 插件 1、利用Html5的download属性进行下载 2、利用Html5的Blob对象实现对文件流进行下载（1）、使用原生js发送ajax实现（2）、使用结合jq发送a

vue如何实现点击下载按钮后不显示浏览器的下载弹框

qq_42840904的博客

07-06

1658

如果你想实现在Vue 3中点击下载按钮后不显示浏览器的下载弹框