使用 HTML、CSS 和 JavaScript 创建简易网页识别文件名称
要制作一个简易的网页，让网页可以与数据集连接，并识别文件名称，你可以使用 HTML、CSS 和 JavaScript 来完成。下面是一个简单的示例代码：
<!DOCTYPE html>
<html>
<head>
<title>文件名称识别</title>
<style>
body {
font-family: Arial, sans-serif;
}
#fileInput {
margin-bottom: 10px;
}
</style>
</head>
<body>
<h1>文件名称识别</h1>
<input type='file' id='fileInput' accept='.csv'>
<div id='output'></div>
<script>
document.getElementById('fileInput').addEventListener('change', function(e) {
var file = e.target.files[0];
var reader = new FileReader();
reader.onload = function(e) {
var contents = e.target.result;
var filename = file.name;
document.getElementById('output').innerText = '文件名称：' + filename;
};
reader.readAsText(file);
});
</script>
</body>
</html>
这个网页包含一个文件选择输入框和一个用于显示文件名称的 <div> 元素。当用户选择文件时，JavaScript 代码会读取文件内容，并获取文件名称，然后将文件名称显示在 <div> 元素中。
你可以将以上代码保存为一个 HTML 文件，然后在浏览器中打开该文件，即可看到一个简易的网页界面。当你选择一个 CSV 文件时，网页将显示出文件名称。请注意，由于浏览器的安全策略，JavaScript 无法直接访问用户的文件系统，因此需要用户手动选择文件。
原文地址: https://www.cveoy.top/t/topic/pfsu 著作权归作者所有。请勿转载和采集!