编程 Javascript

showModelDialog弹出文件下载窗口的使用示例

Posted in Javascript onNovember 19, 2013

当点击我要修改时，需要在后台生成excel文件，同时需要提供下载文件功能。
生成excel文件容易、弹出”文件下载”也容易：
点击按钮，跳转到action中，在该action中生成Excel文件，填充数据，保存到临时文件夹中，然后在按钮的Click事件中，根据模板生成Excel报表，填充数据，保存到临时文件夹，然后output.wirte()。一切看起来很顺利。
Action如下(弹出"文件下载"窗口)：

/**
*@paramresponse
*@paramdownloadFile
*/
privatevoidclientResponse(HttpServletResponseresponse,FiledownloadFile,StringfileName){
try{
response.reset();
response.setContentType("application/octet-stream");
//用来弹出保存窗口，设置为attachment
response.setHeader("Content-Disposition","attachment;filename="+newString(fileName.getBytes(),"ISO-8859-1"));
InputStreaminput=newFileInputStream(downloadFile);
OutputStreamoutput=response.getOutputStream();
intc;
//读取流并写入到文件中
while((c=input.read())!=-1){
output.write(c);
}
output.flush();
output.close();
input.close();
}catch(Exceptione){
}
}

但是当测试的时候，发现我点击”我要修改”按钮，总是会弹出一个新的窗口。百度一下，加了这段：<basetarget="_self">，这个表示在当前页打开页面。
如下：
base:为页面上的所有链接规定默认地址或默认目标
target:跳转到的目标页
<basetarget=_blank>
<basetarget=_parent>
<basetarget=_search>
<basetarget=_self>
<basetarget=_top>
这个问题解决了，但是新的问题又来了，就是文件不可以下载。所以我有没有那种方法既可以在本页打开，又可以提供下载呢？想到了iframe框架。我们可以设置一个看不见的iframe框架，然后target=iframName就可以解决了。

<iframe id="download" name="download" height="0px" width="0px"></iframe>
<base target="download">

这<base...>位于<head></head>之间

showModelDialog弹出文件下载窗口的使用示例

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

URL编码转换,escape() encodeURI() encodeURIComponent()

Dec 27 Javascript

js变量以及其作用域详解

Jul 18 Javascript

js和html5实现手机端刮刮卡抽奖效果完美兼容android/IOS

Nov 18 Javascript

fckeditor粘贴Word时弹出窗口取消的方法

Oct 30 Javascript

三分钟带你玩转jQuery.noConflict()

Feb 15 Javascript

JavaScript中的工厂函数(推荐)

Mar 08 Javascript

vuejs使用FormData实现ajax上传图片文件

Aug 08 Javascript

vue-router+vuex addRoutes实现路由动态加载及菜单动态加载

Sep 28 Javascript

vue-cli3 项目从搭建优化到docker部署的方法

Jan 28 Javascript

基于vue-cli、elementUI的Vue超简单入门小例子（推荐）

Apr 17 Javascript

js+css3实现简单时钟特效

Sep 13 Javascript

vue 动态创建组件的两种方法

Dec 31 Vue.js

基于jquery扩展漂亮的CheckBox(自己编写)

Nov 19 #Javascript

jquery showModelDialog的使用方法示例详解

Nov 19 #Javascript

js阻止冒泡及jquery阻止事件冒泡示例介绍

Nov 19 #Javascript

禁止ajax缓存获取程序最新数据的方法

Nov 19 #Javascript

JQueryiframe页面操作父页面中的元素与方法(实例讲解)

Nov 19 #Javascript

jQuery控制iFrame(实例代码)

Nov 19 #Javascript

jquery 检测元素是否存在的实例代码

Nov 19 #Javascript