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 相关文章推荐
input:checkbox多选框实现单选效果跟radio一样
Jun 16 Javascript
jQuery实现悬浮在右上角的网页客服效果代码
Oct 24 Javascript
JS实现iframe编辑器光标位置插入内容的方法(兼容IE和Firefox)
Jun 24 Javascript
基于Vue.js实现数字拼图游戏
Aug 02 Javascript
vue.js入门教程之绑定class和style样式
Sep 02 Javascript
兼容浏览器的js事件绑定函数(详解)
May 09 Javascript
微信JSSDK调用微信扫一扫功能的方法
Jul 25 Javascript
VUEJS 2.0 子组件访问/调用父组件的实例
Feb 10 Javascript
小程序实现抽奖动画
Apr 16 Javascript
详解微信小程序文件下载--视频和图片
Apr 24 Javascript
Vue实现固定定位图标滑动隐藏效果
May 30 Javascript
Angular.JS读取数据库数据调用完整实例
Jul 02 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
SONY ICF-F10中波修复记
2021/03/02 无线电
php设计模式 Factory(工厂模式)
2011/06/26 PHP
Yii框架组件和事件行为管理详解
2016/05/20 PHP
PHP二进制与字符串之间的相互转换教程
2016/10/14 PHP
javascript判断单选框或复选框是否选中方法集锦
2007/04/04 Javascript
js字符编码函数区别分析
2008/06/05 Javascript
JavaScript入门教程(11) js事件处理
2009/01/31 Javascript
JQuery与Ajax常用代码实现对比
2009/10/03 Javascript
jquery实现固定顶部导航效果(仿蘑菇街)
2013/03/21 Javascript
关于jquery的多个选择器的使用示例
2013/10/18 Javascript
jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动
2014/03/27 Javascript
Javascript模拟加速运动与减速运动代码分享
2014/12/11 Javascript
js正则表达式中exec用法实例
2015/07/23 Javascript
使用vux实现上拉刷新功能遇到的坑
2018/02/08 Javascript
在create-react-app中使用sass的方法示例
2018/10/01 Javascript
代码实例ajax实现点击加载更多数据图片
2018/10/12 Javascript
解决layui批量传值到后台操作时出现传值为空的问题
2019/09/28 Javascript
[01:58]最残酷竞争 2016国际邀请赛中国区预选赛积分循环赛回顾
2016/06/28 DOTA
python中的一些类型转换函数小结
2013/02/10 Python
Python异常处理总结
2014/08/15 Python
Python3随机漫步生成数据并绘制
2018/08/27 Python
Python使用matplotlib绘制随机漫步图
2018/08/27 Python
PyCharm代码回滚,恢复历史版本的解决方法
2018/10/22 Python
Python封装成可带参数的EXE安装包实例
2019/08/24 Python
解决tensorflow训练时内存持续增加并占满的问题
2020/01/19 Python
tensorflow mnist 数据加载实现并画图效果
2020/02/05 Python
浅谈Pycharm最有必要改的几个默认设置项
2020/02/14 Python
python中spy++的使用超详细教程
2021/01/29 Python
周仰杰(JIMMY CHOO)英国官方网站:闻名世界的鞋子品牌
2018/10/28 全球购物
简历自我评价怎么写呢?
2014/01/06 职场文书
公司成本主管岗位责任制
2014/02/21 职场文书
高中军训感言1000字
2014/03/01 职场文书
服务理念口号
2014/06/11 职场文书
小学校园文化建设汇报材料
2014/08/19 职场文书
web前端之css水平居中代码解析
2021/05/20 HTML / CSS
Anaconda安装pytorch及配置PyCharm 2021环境
2021/06/04 Python