js获取excel文件名

在JavaScript中获取上传的Excel文件的文件名，通常涉及到HTML的<input type="file">元素和File API的使用。以下是基础概念和相关代码示例：

基础概念

File Input Element: HTML中的<input type="file">元素允许用户从本地计算机选择一个或多个文件。
File API: 这是一组JavaScript API，用于访问文件系统中的文件和目录。通过File API，可以读取用户选择的文件的信息，包括文件名。

类型与应用场景

类型: 主要用于处理用户上传的文件，特别是Excel文件（如.xls, .xlsx）。
应用场景: 数据导入工具、报表上传系统、在线办公套件等。

示例代码

以下是一个简单的示例，展示如何使用JavaScript获取上传的Excel文件的文件名：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>获取Excel文件名</title>
<script>
function handleFileSelect(event) {
    var files = event.target.files; // FileList object
    for (var i = 0, file; file = files[i]; i++) {
        if (file.name.endsWith('.xls') || file.name.endsWith('.xlsx')) {
            console.log('Excel文件名:', file.name);
            // 这里可以添加进一步的处理逻辑，如读取文件内容等
        } else {
            alert('请选择一个Excel文件!');
        }
    }
}
</script>
</head>
<body>
<h1>上传Excel文件</h1>
<input type="file" id="excelFile" onchange="handleFileSelect(event)">
</body>
</html>