js使用showModelDialog中下载文件

最新推荐文章于 2022-06-23 15:19:01 发布
原创 最新推荐文章于 2022-06-23 15:19:01 发布 · 262 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#showModelDialog #下载文件

本文解决在JavaScript中使用showModelDialog下载文件时出现的问题。当设置target为_self时，文件仅短暂显示；设置target为_blank时，则会在新窗口额外打开一个下载链接。文中介绍了一种解决方案：通过创建一个隐藏的iframe元素作为目标，实现无缝下载体验。

    在js中使用showModelDialog中下载文件的时候，会因为showModelDialog自动设置target为_self导致下载文件“只会闪一下”就消失掉

    在吧target设置为_blank后，窗口就可以下载文件，但是与此同时，在新的窗口中还会弹出一个新的窗口来下载文件，这样的用户体验极其不合理

    可以在页面中新建一个frame来缓冲第二个新的窗口

    <iframe id="download" name="download" height="0px" width="0px"></iframe><!--用iframe模拟文件下载-->

    然后将页面的 target设置为download即可，这样显示一个隐形的窗口下载文件，就不会弹出第二个文件了

 

showModelDialog。js
10-15
兼容ie和chrome的showModelDialog兼容ie和chrome的showModelDialog
bootstrap的dialog.js
08-08
bootstrap的dialog.js、bootstrap的dialog.js、bootstrap的dialog.js
showModelDialog的使用(二)：提供下载功能
nayao-net
04-09 94
在上一篇是展示了showModelDialog的基本使用。当点击我要修改时，需要在后台生成excel文件，同时需要提供下载文件功能。 生成excel文件容易、弹出”文件下载”也容易： 点击按钮，跳转到action中，在该action中生成Excel文件，填充数据，保存到临时文件夹中，然后在按钮的Click事件中，根据模板生成Excel报表，填充数据，保存到临时文件夹，然后output...
js实现dialog 源码包
06-11
自己写了js实现dialog，弹出框后1秒钟自己消失， 源码放上来供大家参考
jquery.showLoading.js 百度云盘下载地址
09-28
showLoading JQuery加载中遮罩层插件 jQuery('#activity_pane').showLoading(); jQuery('#activity_pane').load( '/path/to/my/url', {}, function() { // //this is the ajax callback // jQuery('#activity_pane').hideLoading(); } );
showModelDialog弹出文件下载窗口的使用示例
09-04
在这个场景中，我们讨论的是如何使用 `showModelDialog` 实现一个文件下载的功能。 在Web开发中，文件下载通常涉及到后端生成文件并由前端进行触发。以下是一个简单的流程： 1. 用户在前端界面点击下载按钮。 2. ...
jquery showModelDialog的使用方法示例详解
10-26
`jQuery showModelDialog` 实际上是基于JavaScript的 `window.showModalDialog` 方法的一个扩展，用于弹出模态对话框，常用于展示信息、警告、确认或者与用户交互的场景。模态对话框的特点是它会阻塞用户对网页其他...
JS中showModalDialog 的使用解析
12-11
基本介绍：  window.showModalDialog() 方法用来创建一个显示HTML内容的模态对话框。(就是打开后不能操作父窗口,只能等模式　窗口关闭时才能操作)  window....(就是打开后仍然可以进行其他的操作)　
这个万能js
11-09
这里面都是我从同事写的页面里抠下来的js，非常有用哦！
Dialog.js 最新版 绝对强大
05-25
js Dialog 最新版 绝对强大 js Dialog 兼容主流浏览器ff ie6/ie7/ie8 /opera ..
dialog插件
11-28
一款很好的js弹窗插件，自己留下底，大家有用的可以下载看看
JDialog—一个非常优秀的的开源JS弹出框
06-21
JDialog是一个简单易用但是功能强大的开源JS弹出窗口，具有很强的扩展性和兼容性，兼容IE6.0，目前版本1.2. 1. 包括锁屏对象JDialog.lock， 提示工具 JDialog.tip， 确认框 JDialog.confirm 弹出窗口 JDialog.win 比artDialog功能更强大，使用更方便。 2. JWindow 是一个做WebOS系统的必备工具，使用Jwindow搭建WebOs系统能为您节省大量的时间
非常有用的js dialog
03-07
一个非常有用的js弹出对话框，内容可以自行修改.注释和例子完整。
js window.open iframe dialog
05-18
js window.open iframe dialog 例子
Window.showDialog详解合集
12-30
详解JSP里面的window.showDialog的用法，及页面间参数传递 如何获取弹出框关闭的返回值，模态对话框的操作。
用于showdialog的js源码
warrior051210的专栏
12-30 4248
function ShowDialog(title, pageName, page, width, height, parentPage) {     if (arguments.length == 5) {         var dg = new J.dialog({ id: pageName, page: page, cover: true, autoPos: { left: 'cent
js关于下载文件
蒋小姐的博客
06-23 1678
1.方法一：window.location.href ="/url" 一般情况下会自动跳转2.方法二：window.open('url')3.方法三：a标签 target="_blank"在新页面打开，download下载属性下载 注意：地址是相对路径时，download生效
js 单击 弹出 页面 Model
Joe_elena的博客
08-14 2115
//效果  // model  &lt;%--Model框--%&gt; &lt;div class="modal" id="mymodal"&gt; &lt;div class="modal-dialog"&gt; &lt;div class="moda
自定义div模拟showmodeldialog实现灵活界面弹窗
传统上，实现模态对话框常常依赖于JavaScript库中的dialog组件，例如jQuery UI Dialog。然而，随着前端技术的发展，使用纯HTML和CSS以及JavaScript来创建模态对话框成为可能，尤其是通过div元素来模拟。 使用div...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值