ZBLOG

js如何获取一个fs读取到的文件名

在浏览器环境中,由于安全限制,JavaScript不能直接获取文件系统(fs)读取的文件名。您需要通过用户交互来获取文件名,比如使用<input type="file">元素或者拖放操作。

以下是两种常见方法:

  1. 使用<input type="file">元素:
const fileInput = document.getElementById('file-input'); // 文件输入元素

fileInput.addEventListener('change', (event) => {
  const file = event.target.files[0];
  
  console.log(`文件名: ${file.name}`);
});
  1. 使用拖放操作:
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助手提供,问题来源于学员提问

本站部分文章来源于网络,版权归原作者所有,如有侵权请联系站长删除。
转载请注明出处:https://golang.0voice.com/?id=10794

分享:
扫描分享到社交APP
上一篇
下一篇
发表列表
游客 游客
此处应有掌声~
评论列表

还没有评论,快来说点什么吧~

联系我们

在线咨询: 点击这里给我发消息

微信号:3007537140

上班时间: 10:30-22:30

关注我们
x

注册

已经有帐号?