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 相关文章推荐
jqueyr判断checkbox组的选中(示例代码)
Nov 08 Javascript
jquery数组之存放checkbox全选值示例代码
Dec 20 Javascript
Node.js实现在目录中查找某个字符串及所在文件
Sep 03 Javascript
jquery实现的代替传统checkbox样式插件
Jun 19 Javascript
JavaScript动态提示输入框输入字数的方法
Jul 27 Javascript
javascript实现拖动元素交换位置
Nov 29 Javascript
深入浅析JavaScript中数据共享和数据传递
Apr 25 Javascript
微信小程序 教程之列表渲染
Oct 18 Javascript
vue的全局提示框组件实例代码
Feb 26 Javascript
Webpack 之 babel-loader文件预处理器详解
Mar 23 Javascript
小程序清理本地缓存的方法
Aug 17 Javascript
微信小程序提取公用函数到util.js及使用方法示例
Jan 10 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 文件上传后缀名与文件类型对照表(几乎涵盖所有文件)
2010/05/16 PHP
PHP企业级应用之常见缓存技术篇
2011/01/27 PHP
PHP中使用imagick生成PSD文件缩略图教程
2015/01/26 PHP
php头像上传预览实例代码
2017/05/02 PHP
PHP封装的完整分页类示例
2018/08/21 PHP
JQuery 1.3.2以上版本中出现pareseerror错误的解决方法
2011/01/11 Javascript
关于js类的定义
2011/06/28 Javascript
通过location.replace禁止浏览器后退防止重复提交
2014/09/04 Javascript
JS实现表格数据各种搜索功能的方法
2015/03/03 Javascript
xmlplus组件设计系列之分隔框(DividedBox)(8)
2017/05/02 Javascript
vuejs2.0子组件改变父组件的数据实例
2017/05/10 Javascript
vue和webpack安装命令详解
2018/06/15 Javascript
在 Angular6 中使用 HTTP 请求服务端数据的步骤详解
2018/08/06 Javascript
使用Jenkins部署React项目的方法步骤
2019/03/11 Javascript
详解vue-router的Import异步加载模块问题的解决方案
2020/05/13 Javascript
Vue中的nextTick作用和几个简单的使用场景
2021/01/25 Vue.js
Python中的with...as用法介绍
2015/05/28 Python
Python异常对代码运行性能的影响实例解析
2018/02/08 Python
python实现ID3决策树算法
2018/08/29 Python
Python实现微信消息防撤回功能的实例代码
2019/04/29 Python
Python使用统计函数绘制简单图形实例代码
2019/05/15 Python
python base64库给用户名或密码加密的流程
2020/01/02 Python
解决django接口无法通过ip进行访问的问题
2020/03/27 Python
keras打印loss对权重的导数方式
2020/06/10 Python
python 实现两个npy档案合并
2020/07/01 Python
Python中logger日志模块详解
2020/08/04 Python
Python2及Python3如何实现兼容切换
2020/09/01 Python
python+selenium+chrome实现淘宝购物车秒杀自动结算
2021/01/07 Python
HTML5拖拽功能实现的拼图游戏
2018/07/31 HTML / CSS
韩国邮政旗下生鲜食品网上超市:epost
2016/08/27 全球购物
Oracle性能调优原则
2012/05/03 面试题
生物技术专业研究生自荐信
2013/09/22 职场文书
产品销售员岗位职责
2013/12/18 职场文书
2014的自我评价
2014/01/13 职场文书
新手初学Java List 接口
2021/07/07 Java/Android
PostgreSQL出现死锁该如何解决
2022/05/30 PostgreSQL