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 相关文章推荐
jQuery 美元符冲突的解决方法
Mar 28 Javascript
jquery创建并行对象或者合并对象的实现代码
Oct 10 Javascript
跟我学Node.js(四)---Node.js的模块载入方式与机制
Jun 04 Javascript
多种JQuery循环滚动文字图片效果代码
Jun 23 Javascript
Javascript中的数组常用方法解析
Jun 17 Javascript
JS读写CSS样式的方法汇总
Aug 16 Javascript
AngularJS中指令的四种基本形式实例分析
Nov 22 Javascript
基于vue.js 2.x的虚拟滚动条的示例代码
Jan 23 Javascript
node前端模板引擎Jade之标签的基本写法
May 11 Javascript
微信小程序input框中加入小图标的实现方法
Jun 19 Javascript
JS加密插件CryptoJS实现AES加密操作示例
Aug 16 Javascript
vue2.x 通过后端接口代理,获取qq音乐api的数据示例
Oct 30 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
Yii2使用小技巧之通过 Composer 添加 FontAwesome 字体资源
2014/06/22 PHP
php页面,mysql数据库转utf-8乱码,utf-8编码问题总结
2015/08/27 PHP
ExtJS Grid使用SimpleStore、多选框的方法
2009/11/20 Javascript
js自定义方法通过隐藏iframe实现文件下载
2013/02/21 Javascript
JS实现文字链接感应鼠标淡入淡出改变颜色的方法
2015/02/26 Javascript
javascript检查浏览器是否已经启用XX功能
2015/07/10 Javascript
JS实现带关闭功能的阿里妈妈网站顶部滑出banner工具条代码
2015/09/17 Javascript
浅谈bootstrap源码分析之tab(选项卡)
2016/06/06 Javascript
常用js,css文件统一加载方法(推荐) 并在加载之后调用回调函数
2016/09/23 Javascript
详解Javascript中的原型OOP
2016/10/12 Javascript
BootStrap学习笔记之nav导航栏和面包屑导航
2017/01/03 Javascript
canvas知识总结
2017/01/25 Javascript
BootStrap selectpicker后台动态绑定数据
2017/06/01 Javascript
vue如何判断dom的class
2018/04/26 Javascript
vue实现图片预览组件封装与使用
2019/07/13 Javascript
详解为什么Vue中不要用index作为key(diff算法)
2020/04/04 Javascript
vue.js中使用微信扫一扫解决invalid signature问题(完美解决)
2020/04/11 Javascript
js实现简单五子棋游戏
2020/05/28 Javascript
微信小程序淘宝首页双排图片布局排版代码(推荐)
2020/10/29 Javascript
vue中如何自定义右键菜单详解
2020/12/08 Vue.js
[47:31]完美世界DOTA2联赛PWL S3 INK ICE vs DLG 第一场 12.12
2020/12/16 DOTA
在IIS服务器上以CGI方式运行Python脚本的教程
2015/04/25 Python
详细讲解Python中的文件I/O操作
2015/05/24 Python
numpy中的delete删除数组整行和整列的实例
2018/05/09 Python
python实现机器学习之多元线性回归
2018/09/06 Python
python基于C/S模式实现聊天室功能
2019/01/09 Python
详解Python解决抓取内容乱码问题(decode和encode解码)
2019/03/29 Python
Django 创建新App及其常用命令的实现方法
2019/08/04 Python
Python3与fastdfs分布式文件系统如何实现交互
2020/06/23 Python
快速解释如何使用pandas的inplace参数的使用
2020/07/23 Python
HTML5 canvas画矩形时出现边框样式不一致的解决方法
2013/10/14 HTML / CSS
英国潮流网站:END.(全球免邮)
2017/01/16 全球购物
本科生求职信
2014/06/17 职场文书
跟班学习心得体会(共6篇)
2016/01/23 职场文书
PyQt5爬取12306车票信息程序的实现
2021/05/14 Python
人工智能深度学习OpenAI baselines的使用方法
2022/05/20 Python