javascript实现客户端兼容各浏览器创建csv并下载的方法


Posted in Javascript onMarch 23, 2015

本文实例讲述了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+ "\n" : 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 相关文章推荐
Display SQL Server Version Information
Jun 21 Javascript
jQuery UI的Dialog无法提交问题的解决方法
Jan 11 Javascript
JQuery之拖拽插件实现代码
Apr 14 Javascript
jQuery产品间断向下滚动效果核心代码
May 08 Javascript
JavaScript实现同步于本地时间的动态时间显示方法
Feb 02 Javascript
浅谈angularJS 作用域
Jul 05 Javascript
基于Arcgis for javascript实现百度地图ABCD marker的效果
Sep 12 Javascript
详解AngularJS过滤器的使用
Mar 11 Javascript
js实现文本上下来回滚动
Feb 03 Javascript
vue.js根据代码运行环境选择baseurl的方法
Feb 28 Javascript
详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决
Apr 14 Javascript
no-vnc和node.js实现web远程桌面的完整步骤
Aug 11 Javascript
jQuery实现拖拽效果插件的方法
Mar 23 #Javascript
jQuery操作表单常用控件方法小结
Mar 23 #Javascript
JavaScript自定义等待wait函数实例分析
Mar 23 #Javascript
JavaScript中匿名函数用法实例
Mar 23 #Javascript
JavaScript创建一个object对象并操作对象属性的用法
Mar 23 #Javascript
JavaScript使用function定义对象并调用的方法
Mar 23 #Javascript
JavaScript通过function定义对象并给对象添加toString()方法实例分析
Mar 23 #Javascript
You might like
php print EOF实现方法
2009/05/21 PHP
使用 PHPStorm 开发 Laravel
2015/03/24 PHP
thinkphp3.2.3版本的数据库增删改查实现代码
2016/09/22 PHP
微信公众平台开发教程⑥ 微信开发集成类的使用图文详解
2019/04/10 PHP
让Firefox支持event对象实现代码
2009/11/07 Javascript
jQuery实现密保互斥问题解决方案
2013/08/16 Javascript
JavaScript实现打字效果的方法
2015/07/10 Javascript
CSS图片响应式 垂直水平居中
2015/08/14 Javascript
jQuery实现边框动态效果的实例代码
2016/09/23 Javascript
jQuery ajaxForm()的应用
2016/10/14 Javascript
Angularjs的Controller间通信机制实例分析
2016/11/07 Javascript
基于angular-utils-ui-breadcrumbs使用心得(分享)
2017/11/03 Javascript
jQuery EasyUI 选项卡面板tabs的使用实例讲解
2017/12/25 jQuery
微信小程序支付PHP代码
2018/08/23 Javascript
TypeScript开发Node.js程序的方法
2019/04/30 Javascript
vue 中使用 watch 出现了如下的报错的原因分析
2019/05/21 Javascript
vue-cli创建的项目中的gitHooks原理解析
2020/02/14 Javascript
Python函数式编程指南(四):生成器详解
2015/06/24 Python
Python中%r和%s的详解及区别
2017/03/16 Python
python 实现对数据集的归一化的方法(0-1之间)
2018/07/17 Python
详解windows python3.7安装numpy问题的解决方法
2018/08/13 Python
python 杀死自身进程的实现方法
2019/07/01 Python
pycharm创建scrapy项目教程及遇到的坑解析
2019/08/15 Python
python实现的多任务版udp聊天器功能案例
2019/11/13 Python
Python 中@property的用法详解
2020/01/15 Python
python对输出的奇数偶数排序实例代码
2020/12/04 Python
实例教程 利用html5和css3打造一款创意404页面
2014/10/20 HTML / CSS
“型”走纽约上东区:Sam Edelman
2017/04/02 全球购物
什么是属性访问器
2015/10/26 面试题
迟到检讨书400字
2014/01/13 职场文书
修理厂厂长岗位职责
2014/01/30 职场文书
军训自我鉴定200字
2014/02/13 职场文书
《石榴》教学反思
2014/03/02 职场文书
成龙霸王洗发水广告词
2014/03/14 职场文书
2019最新劳动仲裁申请书!
2019/07/08 职场文书
CSS link与@import的区别和用法解析
2023/05/07 HTML / CSS