页面通过iframe下载，提交from表单下载

最新推荐文章于 2021-02-16 05:21:58 发布

原创最新推荐文章于 2021-02-16 05:21:58 发布 · 222 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#a #iframe #url #form #下载

s上传下载专栏收录该内容

8 篇文章

订阅专栏

本文介绍两种网页文件下载的方法：一是通过JS动态创建form表单并提交以触发文件下载，此方法相对安全；二是利用iframe加载URL来实现文件下载。文中还提供了具体的JavaScript实现代码。

最简单的，页面中放的A标签，指向下载地址就可以下载了，（可以在href后加参数）

服务器端通过response写流就可以弹出下载框了，

有的可能是按钮，需要调方法后下载，

一、js添加form表单，提交下载

比用url请求的，看起来安全点

function exportExcel(){
	var businessType = "w";
	var catalogID = "1";
	
	var f = document.createElement("form");
	f.method = "post";
	f.action = "/projectName/ExportExcelServlet";
	
	f.appendChild(createInput("hidden", "businessType", businessType));
	f.appendChild(createInput("hidden", "catalogID", catalogID));
	
	document.body.appendChild(f);
	f.submit();
}

//创建input元素
function createInput(type, name, value){
	var i = document.createElement("input");
	i.type = type;
	i.name = name;
	i.value = value;
	return i;
}

二、js添加iframe，通过url下载

function exportExcel(){
	var businessType = "w";
	var catalogID = "1";
	var url = "/projectName/ExportExcelServlet?businessType="+businessType+"&catalogID="+catalogID;
	exportByUrl(url);

}

/**
 * 通过iFrame实现类ajax文件下载 by zhao
 */
function exportByUrl(url) {
	var exportIframe = document.createElement('iframe');
	exportIframe.src = url;
	exportIframe.style.display = "none";
	document.body.appendChild(exportIframe);
	//hideWaitMsg();
}