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 相关文章推荐
javascript中window.event事件用法详解
Dec 11 Javascript
js购物车实现思路及代码(个人感觉不错)
Dec 23 Javascript
jQuery中验证表单提交方式及序列化表单内容的实现
Jan 06 Javascript
嵌入式iframe子页面与父页面js通信的方法
Jan 20 Javascript
smartcrop.js智能图片裁剪库
Oct 14 Javascript
jQuery删除当前节点元素
Dec 07 Javascript
微信小程序 实战实例开发流程详细介绍
Jan 05 Javascript
jQuery第一次运行页面默认触发点击事件的实例
Jan 10 jQuery
vue cli2.0单页面title修改方法
Jun 07 Javascript
vue打包使用Nginx代理解决跨域问题
Aug 27 Javascript
js canvas画布实现高斯模糊效果
Nov 27 Javascript
富文本编辑器vue2-editor实现全屏功能
May 26 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类
2006/10/09 PHP
UTF8编码内的繁简转换的PHP类
2009/07/09 PHP
深入解析PHP垃圾回收机制对内存泄露的处理
2013/06/14 PHP
PHP图片等比缩放类SimpleImage使用方法和使用实例分享
2014/04/10 PHP
php递归创建目录的方法
2015/02/02 PHP
php禁止某ip或ip地址段访问的方法
2015/02/25 PHP
php简单防盗链实现方法
2015/07/29 PHP
ThinkPHP5+UEditor图片上传到阿里云对象存储OSS功能示例
2019/08/05 PHP
yii框架结合charjs实现统计30天数据的方法
2020/04/04 PHP
JavaScript 创建对象和构造类实现代码
2009/07/30 Javascript
Jquery Validation插件防止重复提交表单的解决方法
2010/03/05 Javascript
javascript中将Object转换为String函数代码 (json str)
2012/04/29 Javascript
jquery实现动态菜单的实例代码
2013/11/28 Javascript
js 针对html DOM元素操作等经验累积
2014/03/11 Javascript
jQuery实现的登录浮动框效果代码
2015/09/26 Javascript
jQuery动态加载css文件实现方法
2016/06/15 Javascript
jQuery实现智能判断固定导航条或侧边栏的方法
2016/09/04 Javascript
vue-cli中的webpack配置详解
2017/09/25 Javascript
checkbox在vue中的用法小结
2018/11/13 Javascript
Angular2 自定义表单验证器的实现方法
2018/12/14 Javascript
Vue实现将数据库中带html标签的内容输出(原始HTML(Raw HTML))
2019/10/28 Javascript
[42:32]DOTA2上海特级锦标赛B组资格赛#2 Fnatic VS Spirit第二局
2016/02/27 DOTA
python 去除txt文本中的空格、数字、特定字母等方法
2018/07/24 Python
Python切图九宫格的实现方法
2019/10/10 Python
解决Python中报错TypeError: must be str, not bytes问题
2020/04/07 Python
Ashford台湾:以折扣价提供奢华的男女用表款
2019/12/04 全球购物
程序集与命名空间有什么不同
2014/07/25 面试题
汽车电子与维修专业大学生求职信
2013/09/28 职场文书
考博自荐信
2013/10/25 职场文书
大专毕业生自我评价分享
2013/11/10 职场文书
商场促销活动方案
2014/02/08 职场文书
平遥古城导游词
2015/02/03 职场文书
李强感恩观后感
2015/06/17 职场文书
python图像处理基本操作总结(PIL库、Matplotlib及Numpy)
2021/06/08 Python
关于springboot 配置date字段返回时间戳的问题
2021/07/25 Java/Android
Oracle配置dblink访问PostgreSQL的操作方法
2022/03/21 PostgreSQL