在浏览器环境中,由于安全限制,JavaScript不能直接获取文件系统(fs)读取的文件名。您需要通过用户交互来获取文件名,比如使用<input type="file">元素或者拖放操作。
以下是两种常见方法:
- 使用
<input type="file">元素:
const fileInput = document.getElementById('file-input'); // 文件输入元素
fileInput.addEventListener('change', (event) => {
const file = event.target.files[0];
console.log(`文件名: ${file.name}`);
});
- 使用拖放操作:
const dropZone = document.getElementById('drop-zone'); // 拖放区域
dropZone.addEventListener('drop', (event) => {
event.preventDefault();
const file = event.dataTransfer.files[0];
console.log(`文件名: ${file.name}`);
});
dropZone.addEventListener('dragover', (event) => {
event.preventDefault();
});
以上代码示例中,通过监听文件输入元素的change事件或拖放区域的drop事件,在回调函数中可以通过File对象的name属性获取到文件名。请注意,这些代码适用于浏览器环境,并不适用于Node.js环境下的fs模块。
内容由零声教学AI助手提供,问题来源于学员提问




