抽签抽奖小程序小工具（jquery+html）只需浏览器运行xlsx.core.min.js
要在浏览器中运行xlsx.core.min.js，你需要确保该JavaScript文件已经被包含在你的HTML页面中。以下是一个简单的HTML页面示例，它包含了xlsx.core.min.js，并通过jQuery实现了一个简单的功能，用于读取Excel文件并显示其内容。
<!DOCTYPE html>
<html>
<head>
<title>Excel 读取示例</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="xlsx.core.min.js"></script>
</head>
<body>
<input type="file" id="excelFile" />
<div id="excelContent"></div>
<script>
$(document).ready(function() {
$('#excelFile').change(function(e) {
var reader = new FileReader();
reader.readAsArrayBuffer(e.target.files[0]);
reader.onload = function(e) {
var data = new Uint8Array(reader.result);
var workbook = XLSX.read(data, {type: 'array'});
// 假设我们只读取第一个工作表
var firstSheetName = workbook.SheetNames[0];
var worksheet = workbook.Sheets[firstSheetName];
// 将工作表转换为JSON
var json = XLSX.utils.sheet_to_json(worksheet);
// 显示JSON内容
$('#excelContent').text(JSON.stringify(json));
};
});
});
</script>
</body>
</html>在这个例子中，我们使用了xlsx.core.min.js库来读取用户通过文件输入选择的Excel文件。当文件被选中后，我们使用FileReader来读取文件内容，然后使用XLSX.read函数来解析Excel文件，并使用XLSX.utils.sheet_to_json将第一个工作表转换成JSON格式，最后在页面上显示这个JSON内容。
确保你的服务器配置允许访问xlsx.core.min.js文件，否则你可能会遇到跨源资源共享(CORS)问题。如果你是从CDN加载xlsx.core.min.js的，那么这通常不是问题。如果你需要从本地加载，确保文件路径正确无误。
评论已关闭