复制excel数据到网页表格上

简介：在前端开发过程中，有的时候我们会希望可以直接将excel上的数据复制粘贴到页面上的表格中，所以也就有了这一篇博客。
说在前面

在前端开发过程中，有的时候我们会希望可以直接将excel上的数据复制粘贴到页面上的表格中，所以也就有了这一篇博客。
效果

我们可以监听页面的paste事件，监听到paste事件的时候可以读取剪切板的数据，获取到的是一串字符串，我们需要将其转换成我们想要的格式，如Array，转换为数组。

上图为获取剪切板数据打印的数据（console.log(val)），这样我们可以看出字符串还保留着excel表格的格式。

上图为剪切板数据分隔后的结果（console.log(val.split(“”))），我们可以发现’\t’代表一个制表符，'\r\n’代表的是一个换行符，到了这里，我们就不难处理了吧。
注意

前面我们分析到了’\r\n’代表一个换行符，但其实这里有一个坑：

\n是换行，英文是New line
\r是回车，英文是Carriage return

机械打字机有回车和换行两个键作用分别是:
换行就是把滚筒卷一格，不改变水平位置。
回车就是把水平位置复位，不卷动滚筒。

Enter = 回车+换行(\r\n) 注:\r\n连用时,不能调换顺序

unix换行：\n(0x0A)
MAC回车：\r(0x0D)
WIN回车换行：\r\n(0x0D,0x0A)

换行符其实有三种不同的表示，所以我们要兼容一下这三种情况，我们可以这样处理`

val = val.replace(/\r\n|\r/g, “\n”);`现将\r\n和\r都转成\n，这样换行符就只剩下\n了。

代码

document.addEventListener("paste", function() {if (event.clipboardData || event.originalEvent) {var clipboardData = event.clipboardData || window.clipboardData;var val = clipboardData.getData("text");console.log(val);console.log(val.split(""));val = val.replace(/\r\n|\r/g, "\n");let str = val.split("\n");let arr = new Array(str.length - 1);for (let i = 0; i < str.length - 1; i++) {let temp = str[i].split("\t");arr[i] = temp;}console.log(arr);event.preventDefault();}});

复制excel数据到网页表格上相关推荐

python 网页上显示数据_怎么用python将excel数据写入网页中,python 网页上excel表格数据分析...
用python读取excel,怎样显示要查找的数据? 感觉还是CSV格式的好一些,EXCEL的要装插件,以CSV为例,段代码 sqlserver char 对应c# import linecache ...
Java导出带格式的Excel数据到Word表格
在Word中创建报告时,我们经常会遇到这样的情况:我们需要将数据从Excel中复制和粘贴到Word中,这样读者就可以直接在Word中浏览数据,而不用打开Excel文档.在本文中,您将学习如何使用Spi ...
如何通过Java导出带格式的 Excel 数据到 Word 表格
在Word中制作报表时,我们经常需要将Excel中的数据复制粘贴到Word中,这样则可以直接在Word文档中查看数据而无需打开另一个Excel文件.但是如果表格比较长,内容就会存在一定程度的丢失,无法 ...
python读取excel送到网页_python怎么读取excel!怎么用python将excel数据写入网页中
怎么用python将excel数据写入网页中 # 装 xlrd-0.9.2 xlutils-1.7.1 这两个模 from xlwt import Workbook, Formula import x ...
VBA复制Excel数据速度过慢解决方法
VBA复制Excel数据速度过慢解决方法在使用VBA语句实现对Excel文件自动化处理过程中,当所操作的数据量很大时,会发现程序执行起来很慢,而且Excel文件中行数越多,速度越慢,这时除了改进程序 ...
lisp倒入excel数据画图_Excel表格数据在cad画出图形-如何将EXCEL中的数据导入到CAD中，绘制成曲线...
如何实现excel的数据与cad图形的关联举个例假如根据B2单元格中的半径画一个圆 : 打开EXCEL,在B2单元格中输个圆的半径100 按快捷Alt F11打开VBA编辑器并插入一个模块引用C ...
python复制excel模板并保留表格样式
需求:按照模板生成excel报表. 本地有一个模板Excel表,是xlsx格式.需要把传过来的数据,按照模板表生成新的写入数据的报表. 情况:先尝试了pandas,发现生成的新表并不会保留模板表中的样 ...
ARCGIS前端--读取excel数据并在地图上显示
已知一批有经纬度点信息的数据,临时想要在前端地图上展示具体的位置和效果,有三种方法可以实现: 方法一: 传统方法是把数据发布成要素服务,然后在前端调用URL展示,但是当数据变化时,需要重新发布要素服务 ...
EXCEL数据插入hivev表格
步骤一:将excel另存为txt文档(文本文件(制表符分割))假设名字为BASIC_SP_ACCOUNT.txt 步骤二,将该txt文件导入Linux指定目录中步骤三,转换编码格式,在指定目录下执行 ...

复制excel数据到网页表格上

复制excel数据到网页表格上相关推荐

最新文章

热门文章