JavaScript导入excel兼容IE11资源-CSDN下载

共4个文件

js：2个

xlsx：1个

html：1个

javascript

excel

ie11

5星 · 超过95%的资源需积分: 50 19 浏览量 2019-01-17 17:09:13 上传评论 1 收藏 347KB ZIP 举报

在JavaScript中导入Excel文件，尤其是在兼容古老的Internet Explorer 11（IE11）浏览器时，需要考虑到这个浏览器并不支持现代的File API和其他先进的Web技术。本文将深入探讨如何实现这一功能，以及涉及到的关键知识点。我们需要理解的是，IE11不支持FileReader API，这是一个在现代浏览器中用于读取和处理本地文件的重要接口。因此，我们需要采用ActiveXObject，这是IE特有的对象，用于与COM组件交互，例如Microsoft Office的对象模型。 1. **ActiveXObject**：在IE11中，我们可以创建一个ActiveXObject实例来访问Excel的COM接口。例如： ```javascript var excel = new ActiveXObject("Excel.Application"); ``` 2. **读取Excel文件**：创建Excel对象后，我们可以打开指定路径的Excel文件。这通常涉及到工作簿（Workbook）和工作表（Worksheet）的概念。 ```javascript var workbook = excel.Workbooks.Open("C:\\path\\to\\your\\file.xlsx"); var worksheet = workbook.Worksheets[1]; // 获取第一个工作表 ``` 3. **数据获取**：通过worksheet对象，我们可以读取单元格的值。例如，获取A1单元格的数据： ```javascript var value = worksheet.Cells(1, 1).Value; ``` 4. **转换为JSON**：为了进一步处理数据，我们可能需要将其转换为JSON格式。这需要遍历所有单元格并构建JSON结构。由于IE11不支持Array.prototype.forEach，我们需要使用for循环。 5. **处理异步问题**：由于ActiveXObject操作是同步的，这可能导致页面阻塞。在现代浏览器中，我们可以使用Promise或async/await来处理异步逻辑，但在IE11中，可能需要自定义回调函数来避免阻塞。 6. **安全与兼容性**：使用ActiveXObject可能会引发安全性问题，因为它允许与本地文件系统交互。确保用户明确选择要导入的文件，并在生产环境中谨慎使用。此外，这种方法仅适用于IE11，对于其他浏览器，如Chrome、Firefox等，需要使用FileReader API或其他库（如xlsx.js）。 7. **库的使用**：为了简化跨浏览器的兼容性问题，可以使用第三方库，如` SheetJS` (xlsx.js) 或 `js-xlsx`。这些库提供了读取Excel文件的功能，包括在IE11上的兼容性。例如，使用`SheetJS`的简单示例： ```javascript var XLSX = require('xlsx'); var workbook = XLSX.readFile('C:\\path\\to\\your\\file.xlsx'); var firstSheetName = workbook.SheetNames[0]; var data = XLSX.utils.sheet_to_json(workbook.Sheets[firstSheetName]); ``` 8. **打包下载**：在描述中提到的“打包下载”可能是指提供一个功能，让用户选择多个Excel文件并一次性下载。这可以通过创建一个包含所有文件数据的ZIP文件来实现。可以使用像`jszip`这样的库来创建ZIP文件，然后使用`Blob`和`a`标签创建下载链接。 JavaScript在IE11中导入Excel文件需要考虑浏览器的兼容性和安全性，同时利用像ActiveXObject这样的特有对象或第三方库来实现功能。在实际项目中，确保对不同浏览器进行充分的测试，以提供最佳的用户体验。

资源推荐

资源详情

资源评论

收起资源包目录

excel_js.zip （4个子文件）

excel_js

测试.xlsx 10KB

in.html 4KB

xlsx.full.min.js 879KB

jquery-1.12.4.min.js 95KB

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="js/xlsx.full.min.js"></script> </head> <body> <input type="file" onchange="importf(this)" />  <textarea name="" id="demo" cols="30" rows="10"></textarea> <script src="js/jquery-1.12.4.min.js"></script> <script> var wb;//读取完成的数据 var rABS = true; //是否将文件读取为二进制字符串 function importf(obj) {//导入 console.log("test",obj); if(!obj.files) { return; } if (typeof FileReader == "undefined") { console.log("您的浏览器不支持FileReader"); } else { console.log("您的浏览器支持FileReader"); } var f = obj.files[0]; var reader = new FileReader(); reader.readAsArrayBuffer(f); reader.onload = function(e) { console.log("sss ",e); var data = e.target.result; console.log(11); console.log(data); if(rABS) { wb = XLSX.read(btoa(fixdata(data)), {//手动转化 type: 'base64' }); } else { wb = XLSX.read(data, { type: 'binary' }); } //wb.SheetNames[0]是获取Sheets中第一个Sheet的名字 //wb.Sheets[Sheet名]获取第一个Sheet的数据 document.getElementById("demo").value=JSON.stringify(XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]] )); console.log(XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]] )); }; if(rABS) { // reader.readAsArrayBuffer(f); } else { reader.readAsBinaryString(f); } } function fixdata(data) { //文件流转BinaryString var o = "", l = 0, w = 10240; for(; l < data.byteLength / w; ++l) o += String.fromCharCode.apply(null, new Uint8Array(data.slice(l * w, l * w + w))); o += String.fromCharCode.apply(null, new Uint8Array(data.slice(l * w))); return o; } // function objToArray(array) { // var arr = []; // for (var i in array) { // arr.push(array[i]); // } // return arr; // } // if (!FileReader.prototype.readAsBinaryString) { // FileReader.prototype.readAsBinaryString = function (fileData) { // var binary = ""; // var pt = this; // var reader = new FileReader(); // reader.onload = function (e) { // var bytes = new Uint8Array(reader.result); // var length = bytes.byteLength; // for (var i = 0; i < length; i++) { // binary += String.fromCharCode(bytes[i]); // } // //pt.result - readonly so assign binary // pt.content = binary; // $(pt).trigger('onload'); // } // reader.readAsArrayBuffer(fileData); // } // } </script> </body> </html>

评论收藏

内容反馈