使用Js从Excel复制数据粘贴到页面上

在Excel中选择要复制的区域，“复制”后在剪切板中的Text形式内容是以Tab分隔的。要实现“粘贴”的功能，只需要获取剪切板中文本，然后根据换行“\n”得到每行数据，再将行根据“\t”分割得到对应Cell中的数据，赋值给Td中的Element。

这个过程重点是js如何访问到剪切板的内容。

在IE浏览器中可以直接使用window.clipboardData，函数window.clipboardData.getData(‘Text‘) 便可以取到。但是在chrome和firefox中就不行了。网上和剪切板相关的，大多是说明如何将网页的内容放到剪切板中去，如何从剪切板取数据没有查到解决方法。

具体内容，请访问我的主页：

http://www.iyummy.com.cn/Blog/Index

使用Js从Excel复制数据粘贴到页面上,布布扣,bubuko.com

时间： 2024-10-23 07:31:55

使用Js从Excel复制数据粘贴到页面上的相关文章

js读取Excel文件数据-IE浏览器

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title> New Document </title> <script language="JavaScript"> <!-- var excelFileName = "D:\\UserData.xls";  va

SqlServer表数据与excel中数据的互相复制

一.SqlServer表数据复制到excel 1.新建查询,用sql语句把表数据读出来 2.然后,选择数据,右键,复制(也可以点击连同标题复制),复制到记事本中(不然会乱码) 3.然后再把记事本的内容复制,在excel中粘贴就可以了. 二.excel复制到SqlServer表数据 1.打开excel复制数据. 2.用编辑状态打开sql表 3.右键点击表最下面一行左侧的序号,选择粘贴(注意,excel的列一定要和sql表的列对应) 4.如果有自增,不要复制自增字段

excel-to-json（将excel表格数据展示到页面中）

今天,老大给我提了一个需求,他需要将爬虫爬出的数据展示到页面上,因为大多数都是图片数据,所以我的第一反应是循环拼字符串 但是,老大给我的数据都是存在excel表格中的,所以需要将excel表格转化为字符串.找了很多方法,都不合适,最后找到一个NPM的包叫做excel-to-json的包,现在总结一下. 首先  npm install excel-to-json ,然后配置package.json, package.json配置如下 { "name": "abc",

使用node.js生成excel报表下载(excel-export express篇)

引言:日常工作中已经有许多应用功能块使用了nodejs作为web服务器,而生成报表下载也是我们在传统应用. java中提供了2套类库实现(jxl 和POI),.NET 作为微软的亲儿子更加不用说,各种com组件贴心使用. nodejs作为一门新的语言,报表功能也不是十分完善. (1).js-xlsx : 目前 Github 上 star 数量最多的处理 Excel 的库,支持解析多种格式表格XLSX / XLSM / XLSB / XLS / CSV,解析采用纯js实现,写入需要依赖nodejs

使用原生JS实现表格数据的翻页功能

使用原生JS实现如下图所示表格数据的翻页功能: HTML代码: <body> <div id="title"> <h1>表格标题</h1> </div> <table id="table" border="1"></table> <div id="pagination"> <button id="prev"

从Excel中复制数据

背景: 在Excel中执行Ctrl+V和Ctrl+C,Excel都会去OS粘贴板中获取和设置数据,具体它设置的是什么格式的没有研究过,但是如果按照字符串方式读取这些数据,那么想要把每个单元格的数据区分开,其实很简单. Excel向OS粘贴板设置的数据,因为技术原因,只能以Text方式读取,那么同一行的每个单元格值之间是有一个制表位的(\t),每行数据之间是有一个回车符(\n),所以我们只需要按照\n分割字符串,然后在每个字符串中再按照\t分割,就可以得到每个cell的值了.向Excel中复制数据

实现JS复制、粘贴，Chrome/Firefox下可用

背景: 最近一直在做一个Web Excel项目,其中一项功能一直很纠结,就是数据的复制粘贴功能.功能要求:可以把Web端数据粘贴到Excel中,也可以从Excel中直接粘贴数据到页面编辑器中.支持Button粘贴和Ctrl+C/Ctrl+V快捷键复制粘贴. 本以为这个功能会很简单,但是查了很多资料,用JS操作粘贴板IE下很好用,直接支持一个window.clipboardData对象,通过这个对象可以访问到粘贴板中内容.但是chrome和firefox支持不是很好.Chrome和firefox为

JS下的复制粘贴

IE : 1 <input type="text" id="Settext" /> 2 3 <input type="button" onclick="copyToClipboard()" /> body内 1 function copyToClipboard() { 2 3 if (document.all) { //判断IE 4 5 var text = document.all("Set

js实现剪切、复制、粘贴——clipBoard.js

摘要: 最近项目上要实现一个点击按钮复制链接的功能,刚开始查找了一些资料,找了几款插件,ZeroClipboard是通过flash实现的复制功能,随着越来越多的提议废除flash,于是就想能不能通过js来实现复制剪切呢? 地址:https://github.com/baixuexiyang/clipBoard.js 方法: 复制 var copy = new clipBoard(document.getElementById('data'), { beforeCopy: function() {