html 监听选择文件事件

要监听选择文件事件，可以使用HTML5的File API和JavaScript。以下是一个基本的示例：

HTML代码：

<input type="file" id="myFileInput">

JavaScript代码：

var fileInput = document.getElementById("myFileInput");

fileInput.addEventListener("change", function(e) {
  var selectedFile = e.target.files[0];
  console.log("Selected file: " + selectedFile.name);
});

在上面的示例中，我们首先获取HTML文件输入元素。然后，我们使用addEventListener函数将一个事件侦听器添加到元素上。当用户选择文件时，change事件将被触发。我们通过事件对象的target.files属性访问所选文件的信息。在这种情况下，我们只打印所选文件的名称。