JS导出文件

对于js导出文件,在IE里可以借助ActiveXObject这个对象来保存,IE本来就是微软的东西,所以这个很正常。但是对于其他浏览器这就是个麻烦事。经过网上的一些资料和自己的一些尝试找到了FileSaver.js,使用起来很方便,FileSaver.js是一款基于HTML5完成文件保存,自然HTML也是一种趋势。

下面流出当前FileSaver.js对一些主流浏览器的支持

对于一些支持性不好的浏览器也都给出了响应的解决方案。若有需要,可以去官方地址查看。FileSaver.js借助blob对象,首先加载Blob.js和FileSaver.js,然后就可以直接调用保存文件,输出内容包含中文的话,内容前面加上"\ufeff"来防止中文乱码.

var BB = self.Blob;
											        saveAs(
											              new BB(
											                  ["\ufeff" + content] //\ufeff防止utf8 bom防止中文乱码
											                , {type: "text/plain;charset=utf8"}
											            )
											            , "demo.csv"
											        );

输出文档内容,我这里输出的是一个csv文件,excel表单

官网地址:https://github.com/eligrey/FileSaver.js

demo下载地址:http://download.csdn.net/detail/pigisyou147/8594871(官方例子,容许我无耻的赚点下载分)

时间: 2024-08-20 04:54:01

JS导出文件的相关文章

vue-cli+webpack打包配置

上一篇说的是 webpack打包生成测试和生产版本: 这篇说的这个配置 应该是在打包之前应该配置好的 webpack配置如下: 1. webpack.base.conf.js 入口文件 entry 代码如下: entry: { app: './src/main.js' } 输出文件 output 代码如下: output: { path: config.build.assetsRoot, // 导出目录的绝对路径 在项目的根目录下 会新建dist文件夹 filename: '[name].js'

vue-cli中webpack配置解析

版本号 vue-cli 2.8.1 (终端通过vue -V 可查看) vue 2.2.2 webpack 2.2.1 目录结构 ├── README.md ├── build │ ├── build.js │ ├── check-versions.js │ ├── dev-client.js │ ├── dev-server.js │ ├── utils.js │ ├── vue-loader.conf.js │ ├── webpack.base.conf.js │ ├── webpack.de

记一个复杂组件(Filter)的从设计到开发

此文前端框架使用 rax,全篇代码暂未开源(待开源) 原文链接地址:Nealyang/PersonalBlog 前言 貌似在面试中,你如果设计一个 react/vue 组件,貌似已经是司空见惯的问题了.本文不是理论片,更多的是自己的一步步思考和实践.文中会有很多笔者的思考过程,欢迎评论区多多交流和讨论. 从需求讨论.技术方案探讨到编码.到最终的测试,经历过了很多次的脑暴,也遇到过非常多的坑,其中有可能跟业务有关.也有可能跟框架有关,基于这些坑,又讨论了很多解决方案和非常 hack(歪门邪道)的对

ASP.NET导出文件FileResult的使用

本文给大家讲一下ASP.NET MVC中如何使用FileResult来导出文件,首先网上相关例子有很多大神都有讲,我在这只是稍微说一点不同——为什么我的导出没有反应呢? 这个问题,我找了半天也没有找到,最后是在一个网友的评论中体会到的,具体情况如下: 首先我们的后台导出,用最简单的方式(一切从简): public FileResult Export() { return File(Server.MapPath("/Data/Export.xls"), "application

(转)JS报表控件highcharts应用

1. 官网地址 http://www.highcharts.com/ 2. 版权信息源码修改方法 在 highcharts.js 中打到 credits 将其中的 enabled 属性由 true 改为 false.如果是经过压缩后的代码,则是由 !0 改为 0. 3. 官方学习示例地址 http://www.highcharts.com/studies/ 4. 官方API http://api.highcharts.com/highcharts 5. 常用参数配置说明 chart.events

js导出excel增加表头、mso-number-format定义数据格式

问题1:增加表头 js导出表格时,只会导出table里的展现出的内容,如需增加表头等内容需要在页面获取的字符串中拼接表头的相关字符串,详细介绍如下: tableString:新增的表头内容字符串: ctx.table: 新增的表头+页面获取的table字符串. 这样,表头就加上了,还可以通过style设置它的样式: 问题2:mso-number-format定义数据格式 在做项目时遇到mso-number-format定义的科学计数法转化格式与金额定义的向右对齐样式有冲突.  之前有写过篇博客专

js操作table表格导出数据到excel方法

js导出excel资料很少,网上也找了很多,基本都不能用,要么只能是IE用,还必须要权限,这是非常不好的.后来到github上找到table2excel.js,虽然可以用,但仍然对IE支持不够,也算不错的东西. 导出的excel文件是xlsx,也可以改为xls打开.注意的是,要对每个table做个标记,加上div框架如代码: <div class="table-responsive table2excel" data-tableName="Test Table 1&qu

浏览器下载/导出文件

1 比如以下按钮, 用于导出文件,如EXCEL文件. <li> <button class="whiteBg btn2" onclick="doExp(1);return false; ">    <i class="fa fa-save (alias) m-r-xs" ></i>导出所有工单 </button> </li> <li> <button cla

Web 端 js 导出csv文件(使用a标签)

前言 导出文件,使用最多的方式还是服务器端来处理.比如jsp 中使用response 的方式. 但是,有时候可能就想使用web 前端是否也可以把页面上的内容导出来呢? 比如说,导出页面的一个表格. 这个需求肯定是有答案的,只是对于各浏览器处理会稍微不一样.(主要是IE 和其他浏览器的区别). 在IE中使用ActiveXObject 实现,在firefox 和Chrome 中使用  a 标签(或者js)就可以实现了. 这里主要讲一下其他浏览器中的实现. 使用 a 标签实现方式 直接上例子: 1 <