H5 读取excel生成txt文档

经常遇见问题去搜索博客,但是找不到想要的内容,就是没有效果图,我想以后写博客都将效果先展示出来,然后在贴代码。


最近需要将excel中的数据读出来然后插入数据库,如果我一条一条写肯定不行,效率太慢,所以写了一个H5的读取excel的工具动态的读取excel的内容,然后将内容生成sql。

我用的HBuild开发的

效果图:

1.项目代码结构

 

H5 读取excel生成txt文档_第1张图片

2.table.html-》右键-》打开文件所在目录

H5 读取excel生成txt文档_第2张图片

3.右键-》打开方式-》ie浏览器打开

H5 读取excel生成txt文档_第3张图片

4.点击允许阻止内容

5.点击选择文件,我这边选择的一个例子excel文档。

H5 读取excel生成txt文档_第4张图片

6.excel内容如下:

H5 读取excel生成txt文档_第5张图片

7.选择之后,会提示

H5 读取excel生成txt文档_第6张图片

选择是。

8.选择之后就会生成一个txt,在d盘的目录下

9.txt文件内容如下:

H5 读取excel生成txt文档_第7张图片

到此,我们的效果展示完毕。

代码问题:

生成的txt文件名字不对,代码中可以修改。 

代码只能限制在ie浏览器运行。


代码:

1.代码我分享到我的网盘里面了。解压之后打开就行。

链接: https://pan.baidu.com/s/15dR9QSnqS8b1BMuZA7k8Ww 提取码: 5d2s

2.代码说明:

table.html代码中我写了注释,不懂得看下注释,或者在下面留言。





	
		
		
		BootStrap Table使用
		
		
		
		
		

		
		

		
		
		

		
		
		
		
		

		
	

	
		

说明:这个是我再网上拉取的一个别人的工程,修改了一些代码,生成自己想要实现的东西。写的比较垃圾,但是我自己觉得挺好用的,分享出来。

你可能感兴趣的:(前端)