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 相关文章推荐
关于图片的预加载过程中隐藏未知的
Dec 19 Javascript
JavaScript中“过于”犀利地for/in循环使用示例
Oct 22 Javascript
如何在指定的地方插入html内容和文本内容
Dec 23 Javascript
javascript实现的元素拖动函数宿主为浏览器
Jul 21 Javascript
JS 打印功能代码可实现打印预览、打印设置等
Oct 31 Javascript
jQuery实现新消息闪烁标题提示的方法
Mar 11 Javascript
jQuery中$(function() {});问题详解
Aug 10 Javascript
基于JavaScript实现单选框下拉菜单添加文件效果
Jun 26 Javascript
jQuery简单获取DIV和A标签元素位置的方法
Feb 07 Javascript
微信小程序 详解页面跳转与返回并回传数据
Feb 13 Javascript
ES6新特性八:async函数用法实例详解
Apr 21 Javascript
Javascript实现动态时钟效果
Nov 17 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
一个简单的自动发送邮件系统(一)
2006/10/09 PHP
用PHP读取RSS feed的代码
2008/08/01 PHP
php将会员数据导入到ucenter的代码
2010/07/18 PHP
PHP防盗链代码实例
2014/08/27 PHP
phpQuery让php处理html代码像jQuery一样方便
2015/01/06 PHP
PHP合并数组+号和array_merge的区别
2015/06/25 PHP
PHP结合jQuery实现找回密码
2015/07/22 PHP
如何正确配置Nginx + PHP
2016/07/15 PHP
jquery+json实现的搜索加分页效果
2010/03/31 Javascript
JavaScript面向对象设计二 构造函数模式
2011/12/20 Javascript
jquery实现隐藏与显示动画效果/输入框字符动态递减/导航按钮切换
2013/07/01 Javascript
js带按钮的提示框可供选择示例代码
2013/09/17 Javascript
js中使用replace方法完成某个字符的转换
2014/08/20 Javascript
javascript常用函数归纳整理
2014/10/31 Javascript
jQuery EasyUI基础教程之EasyUI常用组件(推荐)
2016/07/15 Javascript
vue2.0实现的tab标签切换效果(内容可自定义)示例
2019/02/11 Javascript
element-ui中Table表格省市区合并单元格的方法实现
2019/08/07 Javascript
vuex根据不同的用户权限展示不同的路由列表功能
2019/09/20 Javascript
Ant Design Vue 添加区分中英文的长度校验功能
2020/01/21 Javascript
JavaScript实现移动端弹窗后禁止滚动
2020/05/25 Javascript
python查找指定具有相同内容文件的方法
2015/06/28 Python
Python贪心算法实例小结
2018/04/22 Python
python邮件中附加文字、html、图片、附件实现方法
2021/01/04 Python
澳洲的服装老品牌:SABA
2018/02/06 全球购物
信访工作者先进事迹
2014/01/17 职场文书
遥感技术与仪器求职信
2014/02/22 职场文书
秋季校运动会广播稿
2014/02/23 职场文书
仓库规划计划书
2014/04/28 职场文书
交通安全责任书范本
2014/07/24 职场文书
销售简历自我评价怎么写
2014/09/26 职场文书
2014幼儿园卫生保健工作总结
2014/12/05 职场文书
《地震中的父与子》教学反思
2016/02/16 职场文书
2019中小学生安全过暑期倡议书
2019/06/24 职场文书
go语言基础 seek光标位置os包的使用
2021/05/09 Golang
pytorch 带batch的tensor类型图像显示操作
2021/05/20 Python
vue报错function () { [native code] },无法出现我们想要的内容 Unknown custom element
2022/04/11 Vue.js