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 相关文章推荐
跟着JQuery API学Jquery 之二 属性
Apr 09 Javascript
js Math 对象的方法
Sep 01 Javascript
Asp.Net alert弹出提示信息的几种方法总结
Jan 29 Javascript
node.js中的fs.futimesSync方法使用说明
Dec 17 Javascript
js实现数组转换成json
Jun 26 Javascript
js采用concat和sort将N个数组拼接起来的方法
Jan 21 Javascript
JavaScript实现跑马灯抽奖活动实例代码解析与优化(二)
Feb 16 Javascript
vue init webpack myproject构建项目 ip不能访问的解决方法
Mar 20 Javascript
浅谈在react中如何实现扫码枪输入
Jul 04 Javascript
前后端如何实现登录token拦截校验详解
Sep 03 Javascript
JS学习笔记之数组去重实现方法小结
May 29 Javascript
基于原生js实现判断元素是否有指定class名
Jul 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
重料打造自己的“宝马”---第三代
2021/03/02 无线电
图文介绍PHP添加Redis模块及连接
2015/07/28 PHP
合格的PHP程序员必备技能
2015/11/13 PHP
php实现概率性随机抽奖代码
2016/01/02 PHP
基于PHP实现的多元线性回归模拟曲线算法
2018/01/30 PHP
使用PHPUnit进行单元测试并生成代码覆盖率报告的方法
2019/03/08 PHP
PHP后台备份MySQL数据库的源码实例
2019/03/18 PHP
JS 统计时间
2021/03/09 Javascript
jQuery学习3:操作元素属性和特性
2010/02/07 Javascript
jquery 选项卡效果 新手代码
2011/07/08 Javascript
通过JS获取用户本地图片路径并显示的代码
2012/02/16 Javascript
js算法中的排序、数组去重详细概述
2013/10/14 Javascript
JavaScript设计模式经典之命令模式
2016/02/24 Javascript
如何使用Bootstrap 按钮实例详解
2017/03/29 Javascript
利用Three.js如何实现阴影效果实例代码
2017/09/26 Javascript
关于 angularJS的一些用法
2017/11/29 Javascript
js 索引下标之li集合绑定点击事件
2018/01/12 Javascript
vue-router的使用方法及含参数的配置方法
2018/11/13 Javascript
使用axios请求时,发送formData请求的示例
2019/10/29 Javascript
vue+vant实现商品列表批量倒计时功能
2020/01/13 Javascript
使用preload预加载页面资源时注意事项
2020/02/03 Javascript
JavaScript写个贪吃蛇小游戏(超详细)
2020/03/17 Javascript
浅谈Series和DataFrame中的sort_index方法
2018/06/07 Python
python将一个英文语句以单词为单位逆序排放的方法
2018/12/20 Python
flask实现验证码并验证功能
2019/12/05 Python
关于Kotlin中SAM转换的那些事
2020/09/15 Python
Python测试框架:pytest学习笔记
2020/10/20 Python
南京迈特望C/C++面试题
2012/07/09 面试题
专科毕业生求职简历的自我评价
2013/10/12 职场文书
信息部岗位职责
2013/11/12 职场文书
七年级历史教学反思
2014/02/05 职场文书
校园公益广告语
2014/03/13 职场文书
细节决定成败演讲稿
2014/05/12 职场文书
家庭贫困证明书(3篇)
2014/09/15 职场文书
Golang二维数组的使用方式
2021/05/28 Golang
vue实现简易音乐播放器
2022/08/14 Vue.js