HTML5 文件选择事件监听与拦截

可以使用HTML5的File API来监听和拦截选择文件事件。

首先，在HTML中添加一个input元素，设置type属性为file，以创建一个文件选择框：

<input type='file' id='fileInput'>

然后，在JavaScript中获取该元素，并为其添加change事件监听器：

const fileInput = document.getElementById('fileInput');
fileInput.addEventListener('change', handleFileSelect, false);

在事件处理函数handleFileSelect中，可以获取用户选择的文件：

function handleFileSelect(event) {
  const files = event.target.files; // 获取用户选择的文件
  // 处理文件...
}

在这里，files是一个FileList对象，其中包含用户选择的文件列表。可以使用File API提供的方法来处理这些文件，例如读取文件内容，或者将文件上传到服务器。