js表单获取文件名

<form id="myForm">
  <input type="file" id="fileInput">
  <button type="submit">提交</button>
</form>

// 监听表单提交事件
document.getElementById('myForm').addEventListener('submit', function (e) {
  e.preventDefault(); // 阻止表单默认提交行为
  var fileInput = document.getElementById('fileInput');
  var fileName = fileInput.files[0].name;
  console.log('文件名:', fileName);
});

// 或者监听文件输入框的变化事件
document.getElementById('fileInput').addEventListener('change', function () {
  var fileName = this.files[0].name;
  console.log('文件名:', fileName);
});