最近在做报表,使用的是,相关内容可以从官网查到,很方便。
但是当自己制作的表格也需要下载功能时会遇到一些问题,如:
将div转换为canvas ,需要用到,一定要下载最新版本,否则IE9难以通过。
将canvas转换成图片并下载需要用到,此JS在IE下难以使用,其他的浏览器包括火狐、opera、谷歌等都可以。主要问题是IE的URL面对base64太长的情况会不起作用,所以需要使用post的方式将请求提交到服务器端,由服务端进行下载。若不考虑IE,是需要一下代码就可以实现下载带有扩展名的文件。
参考/item/。
最终兼容IE以及其他浏览器需要修改canvas2image的savefile方法以及服务器端方法:
canvas2image的savefile
function saveFile(strData)
{
var navigatorName="Microsoft Internet Explorer";
var isIE=false;
if(==navigatorName)
{
isIE=true;
var temp=("form");
="/Index/Default";
="post";
="none";
var opt=("textarea");
="url";
=strData;
(opt);
(temp);
();
return temp;
}else{
var save_link=('http:///1999/xhtml','a');
save_link.href=strData;
save_link.download='';
var event=('MouseEvents');
('click',true,false,window,0,0,0,0,0,false,false,false,false,0,null);
save_link.dispatchEvent(event);
}
}
服务器端代码:
if(url!=null)
{
string fileName="nn";
//生成文件进行下载(兼容迅雷)
byte[] byteArray=Convert.FromBase64String(("data:image/octet-stream;base64,",""));
stream=new (byteArray);
Bitmap bitmap=new Bitmap(stream);
(("/")+fileName,);
("Content-Disposition","attachment;filename="+((fileName+".png",.UTF8)));
("/");
();
();
//采用流形式下载,但不兼容迅雷
using( ms=new MemoryStream(byteArray))
{
();
="application/octet-stream";
("Content-Disposition","attachment;filename="+((fileName+".png",.UTF8)));
(());
();
();
}
}