浏览器下载文件的方式

darrenzhu

浏览: 804304 次
性别:
来自: 上海

最近访客更多访客>>

akingde

egozhm

arpenker

lesliehanhan

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript/ExtJS

浏览器下载 post ajax 文件

用POST请求让浏览器下载文件
方法1. 动态构造一个html Form表单元素,将参数隐藏在表单中通过post传过去

var data = tableElement.data;
var columns = tableElement.columns;
var groupColumns = tableElement.groupColumns;

var url = 'servlet/exportMovementReport.do';
var name = 'download';
var keys = ['data', 'columns', 'groupColumns'];
var values = [Ext.encode(data), Ext.encode(columns), Ext.encode(groupColumns)];

var html = "";
html += "<html><head></head><body><form id='formId' name='formName' method='post' action='"
		+ url + "'>";
if (keys && values && (keys.length == values.length)) {
	for (var i = 0; i < keys.length; i++) {
		html += "<input type='hidden' name='" + keys[i] + "' value='"
				+ values[i] + "'/>";
	}
}
html += "</form><script type='text/javascript'>document.getElementById(\"formId\").submit()</script></body></html>";
window.open('#', name).document.write(html);

方法2. 先在服务器端生成文件, 这样你就面临一个如何清除这些文件的问题
http://www.sencha.com/forum/showthread.php?81897-FYI-Very-simple-approach-to-JS-triggered-file-downloads

http://stackoverflow.com/questions/3499597/javascript-jquery-to-download-file-via-post-with-json-data

http://www.sencha.com/forum/showthread.php?153253-How-to-download-a-file-using-Ext.Ajax-using-a-POST-call

其他参考：
用window.location.href=''方法打开页面下载打印数据
http://yuzhijia88-126-com.iteye.com/blog/747142

用GET请求让浏览器下载文件
客户端：
很简单，就是拼凑服务器端的URL,然后window.open()就行
var url = getContextURL() + 'services/exportExcel?reportDate=20151110'
window.open(url);
服务器端，这里包含了使用一个excel模板来生成最终的文件:

	@GET
	@Path("/exportExcel")
	public Response exportExcel(@QueryParam("reportDate") String reportDate, @Context HttpServletResponse response) throws IOException, InvalidFormatException
	{
		List<Map<String, Object>> data = ...;
		Map<String,Object> dataMap = Maps.newHashMap();
		dataMap.put("notifications", data);
		dataMap.put("reportDate", reportDate);
        
        response.setContentType("application/vnd.ms-excel");
        response.setHeader("Content-Disposition", "attachment; filename=\"Export_Report.xls\"");
        try {

			InputStream is = new ClassPathResource("template/Export_Template.xls").getInputStream();

	        XLSTransformer transformer = new XLSTransformer();
	        org.apache.poi.ss.usermodel.Workbook wb = transformer.transformXLS(is, dataMap);
	        wb.write(response.getOutputStream());
		} catch (IOException e) {
			LOGGER.error("Failed to read template!", e);
			throw e;
		} catch (ParsePropertyException e) {
			LOGGER.error("Failed to read template!", e);
			throw e;
		} catch (InvalidFormatException e) {
			LOGGER.error("Failed to read template!", e);
			throw e;
		}
		return Response.ok().build();
	}

分享到：

From字句中表的连接类型，原理，Inner Join ... | TreeMap与自然排序(natural ordering)

2014-04-17 10:39
浏览 2589
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

浏览器下载文件的方式

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

浏览器下载文件的方式

评论

发表评论

相关推荐

Fiddler使用

Javascript跨域

面向对象的JavaScript,ECMAScript6, ECMAScript2015

SASS用法指南

Angular JS与ExtJS比较

ExtJS POST请求客户端服务端案例

Javascript设计模式

JavaScript单例模式Singleton Pattern

Check scope of element in Angular JS

有意思的HTML5效果

JavaScript内存溢出

JavaScript Variable Scope and Closure(闭包)

JavaScript电子相册

JavaScript学习笔记

JavaScript小技巧

JavaScript TimeZone issue

转义字符处理，获取字符的ASCII码值

JavaScript技巧，最佳实践(Best Practice)

如何跨域获取Cookie

JavaScript获取图片(Image)的大小(宽度,高度)

最近访客更多访客>>