javascript实现客户端兼容各浏览器创建csv并下载的方法
作者:bea
本文实例讲述了javascript实现客户端兼容各浏览器创建csv并下载的方法。分享给大家供大家参考。具体实现方法如下: $("#radarDLBut").click(function(){var data = [displayData["radar_chart"]["r_label"],displayData["radar_chart"]["r_default"]]; var csvContent = "data:text/csv;charset=utf-8,ufeff
本文实例讲述了javascript实现客户端兼容各浏览器创建csv并下载的方法。分享给大家供大家参考。具体实现方法如下:
$("#radarDLBut").click(function(){
var data = [displayData["radar_chart"]["r_label"],displayData["radar_chart"]["r_default"]];
var csvContent = "data:text/csv;charset=utf-8,ufeff";
if (window.navigator.msSaveOrOpenBlob) {
csvContent = "ufeff";
}
data.forEach(function(infoArray, index){
dataString = infoArray.join(",");
csvContent += index < data.length ? dataString+ "
" : dataString;
});
if (window.navigator.msSaveOrOpenBlob) {
// if browser is IE
var blob = new Blob([decodeURIComponent(encodeURI(csvContent))],{
type: "text/csv;charset=utf-8;"
});
navigator.msSaveBlob(blob, 'subject.csv');
}else{
var encodedUri = encodeURI(csvContent);
var link = document.createElement("a");
link.setAttribute("href", encodedUri);
link.setAttribute("download", "subject.csv");
document.body.appendChild(link);
link.click();
}
});
希望本文所述对大家的javascript程序设计有所帮助。
有用 | 无用
$("#radarDLBut").click(function(){
var data = [displayData["radar_chart"]["r_label"],displayData["radar_chart"]["r_default"]];
var csvContent = "data:text/csv;charset=utf-8,ufeff";
if (window.navigator.msSaveOrOpenBlob) {
csvContent = "ufeff";
}
data.forEach(function(infoArray, index){
dataString = infoArray.join(",");
csvContent += index < data.length ? dataString+ "
" : dataString;
});
if (window.navigator.msSaveOrOpenBlob) {
// if browser is IE
var blob = new Blob([decodeURIComponent(encodeURI(csvContent))],{
type: "text/csv;charset=utf-8;"
});
navigator.msSaveBlob(blob, 'subject.csv');
}else{
var encodedUri = encodeURI(csvContent);
var link = document.createElement("a");
link.setAttribute("href", encodedUri);
link.setAttribute("download", "subject.csv");
document.body.appendChild(link);
link.click();
}
});
希望本文所述对大家的javascript程序设计有所帮助。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- JavaScript中textRange对象使用方法小结
- jQuery实现防止提交按钮被双击的方法
- 使用AngularJS 应用访问 Android 手机的图片库
- nodejs中实现阻塞实例
- nodejs中使用多线程编程的方法实例
- nodejs中实现sleep功能实例
- jQuery插件实现控制网页元素动态居中显示
- nodejs中的fiber(纤程)库详解
- jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法
- 超级简单实现JavaScript MVC 样式框架
- JavaScript检测弹出窗口是否已经关闭的方法
- JavaScript跨平台的开源框架NativeScript
- JavaScript实现找质数代码分享
- JS获取及设置TextArea或input文本框选择文本位置的方法
- jQuery调用ajax请求的常见方法汇总
- JSONP之我见
- JavaScript将数字转换成大写中文的方法
- 自定义jQuery插件方式实现强制对象重绘的方法
- jQuery定义背景动态切换效果的方法