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 相关文章推荐
写入cookie的JavaScript代码库 cookieLibrary.js
Oct 24 Javascript
js中巧用cssText属性批量操作样式
Mar 13 Javascript
js清空form表单中的内容示例
May 20 Javascript
js实现网页右上角滑出会自动消失大幅广告的方法
Feb 27 Javascript
JavaScript中用getDate()方法返回指定日期的教程
Jun 09 Javascript
jQuery实现的产品自动360度旋转展示特效源码分享
Aug 21 Javascript
JS实现仿微博可关闭弹出层效果
Sep 21 Javascript
AngularJS教程之环境设置
Aug 16 Javascript
详解Vue2.x-directive的学习笔记
Jul 17 Javascript
微信小程序开发之IOS和Android兼容的问题
Sep 26 Javascript
JavaScript设计模式之观察者模式与发布订阅模式详解
May 07 Javascript
解决vue 使用setTimeout,离开当前路由setTimeout未销毁的问题
Jul 21 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
手把手教你打印出PDF(关于fpdf的简单应用)
2013/06/25 PHP
PHP PDOStatement::getAttribute讲解
2019/02/01 PHP
在Ubuntu 18.04上安装PHP 7.3 7.2和7.0的方法
2019/04/09 PHP
apycom出品的jQuery精美菜单破解方法
2011/02/18 Javascript
判断字符串的长度(优化版)中文占两个字符
2014/10/30 Javascript
JavaScript设计模式之原型模式(Object.create与prototype)介绍
2014/12/28 Javascript
JS实现图片产生波纹一样flash效果的方法
2015/02/27 Javascript
详解JavaScript实现设计模式中的适配器模式的方法
2016/05/18 Javascript
js中判断变量类型函数typeof的用法总结
2016/08/09 Javascript
JavaScript中在光标处插入添加文本标签节点的详细方法
2017/03/22 Javascript
JavaScript类型相关的常用操作总结
2019/02/14 Javascript
vue中img src 动态加载本地json的图片路径写法
2019/04/25 Javascript
Angular 2使用路由自定义弹出组件toast操作示例
2019/05/10 Javascript
微信小程序实现搜索历史功能
2020/03/26 Javascript
IE浏览器下JS脚本提交表单后,不能自动提示问题解决方法
2019/06/04 Javascript
express + jwt + postMan验证实现持久化登录
2019/06/05 Javascript
原生js实现可兼容PC和移动端的拖动滑块功能详解【测试可用】
2019/08/15 Javascript
这15个Vue指令,让你的项目开发爽到爆
2019/10/11 Javascript
JS实现电商商品展示放大镜特效
2020/01/07 Javascript
JavaScript用document.write()输出换行的示例代码
2020/11/26 Javascript
跟老齐学Python之玩转字符串(1)
2014/09/14 Python
详解Django中的form库的使用
2015/07/18 Python
在Python的Flask框架中验证注册用户的Email的方法
2015/09/02 Python
linux下python使用sendmail发送邮件
2018/05/22 Python
python利用插值法对折线进行平滑曲线处理
2018/12/25 Python
TensorFlow设置日志级别的几种方式小结
2020/02/04 Python
django-crontab实现服务端的定时任务的示例代码
2020/02/17 Python
HTML5 Web 存储详解
2016/09/16 HTML / CSS
shell的种类有哪些
2015/04/15 面试题
竞职演讲稿范文
2014/01/11 职场文书
蜜蜂引路教学反思
2014/02/04 职场文书
干部鉴定材料
2014/05/18 职场文书
群众路线查摆问题整改措施思想汇报
2014/10/10 职场文书
领导欢迎词范文
2015/01/26 职场文书
Python自动化实战之接口请求的实现
2022/05/30 Python
Python日志模块logging用法
2022/06/05 Python