使用sheetjs 写一个线上的excel地址 预览的代码
时间: 2024-02-28 15:53:07 浏览: 31
以下是使用SheetJS实现在线Excel地址预览的示例代码:
HTML部分:
```
<!DOCTYPE html>
<html>
<head>
<title>Excel Online Preview</title>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.16.9/xlsx.full.min.js"></script>
</head>
<body>
<h1>Excel Online Preview</h1>
<input type="text" id="url" placeholder="Excel文件地址" />
<button id="btn">预览</button>
<div id="output"></div>
<script type="text/javascript" src="preview.js"></script>
</body>
</html>
```
JavaScript部分(保存为preview.js文件):
```
/* global XLSX */
var urlInput = document.getElementById("url");
var previewBtn = document.getElementById("btn");
var output = document.getElementById("output");
previewBtn.addEventListener("click", function() {
var url = urlInput.value;
var xhr = new XMLHttpRequest();
xhr.open("GET", url, true);
xhr.responseType = "arraybuffer";
xhr.onload = function(e) {
var data = new Uint8Array(xhr.response);
var workbook = XLSX.read(data, {type: 'array'});
workbook.SheetNames.forEach(function(sheetName) {
var XL_row_object = XLSX.utils.sheet_to_row_object_array(workbook.Sheets[sheetName]);
var json_object = JSON.stringify(XL_row_object);
output.innerHTML += '<p><b>' + sheetName + '</b></p>' + json_object;
})
};
xhr.send();
});
```
这段代码实现了一个简单的在线Excel地址预览功能。用户可以在输入框中输入一个Excel文件的地址,并点击“预览”按钮。一旦按钮被点击,JavaScript代码将使用XMLHttpRequest对象获取Excel文件的内容,并将其转换为JSON格式。最后,将JSON数据显示在网页上。用户可以在网页上查看Excel文件的内容,而无需下载文件。