一个在手机端运行的HTML文件如何通过JavaScript在本地创建一个excel文件并写入数据?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了一个在手机端运行的HTML文件如何通过JavaScript在本地创建一个excel文件并写入数据?相关的知识,希望对你有一定的参考价值。

类似可以在电脑端浏览器中使用ActiveX控件来创建Excel,但是好像手机浏览器都不支持ActiveX呢。刚学习html一个月,小白一个

手机端浏览器实现excel的创建,理论上是支持的,没有遇到过完整解决方案的库,不建议新手自己编写.
实现移动端excel的创建,有以下几个难题要解决:
1 文件的读取和写入. 可以借助HTML5 的File()对象解决, 如果只是保存的话可以讲生成好的xlsx文件序列化后通过模拟下载另存为的方式存储到本地.
2 excel文件的编制. 纯浏览器环境下借助已有的外部库,可以实现简单的excel生成,比如https://npm.taobao.org/package/xlsx 这个库就是支持纯浏览器环境的.
ActiveX借助了PC端Office的能力实现excel的读写,移动端这些都得自己实现,复杂很多.追问

那如果以txt文件的格式输出可以实现吗?

追答

以txt格式输出相对容易些.难点只剩下讲文本内容下载为文件这一点.

简单的方法比如把拼装好的文件内容通过data:格式uri的方式生成给<a>标签.这种方式在chrome浏览器下还可以增加download属性指定下载名称.举例:

<a href="data:application/octet-stream,中文" download="aaa.txt">点击下载测试</a>

具体内容请上网检索以下信息:

data:text/html

base64

application/octet-stream

参考技术A 实现不了。

以上是关于一个在手机端运行的HTML文件如何通过JavaScript在本地创建一个excel文件并写入数据?的主要内容,如果未能解决你的问题,请参考以下文章

手机端其中一个模块使用html5来开发,如何实现用HTML5调用选择手机本地文件后上传。

服务端HTML5,JS怎么读写手机客户端的本地文件?

QQ怎么传文件如何通过QQ发送超大的文件

vue-cli建立的项目如何在手机端运行以及如何用charles来抓包

HTML网页如何完美的适配到移动设备上

在电脑上写移动端的网页如何在手机上测试?