HTML 文件选择事件监听方法 | JavaScript 文件选择 API
要监听选择文件事件,可以使用 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 属性访问所选文件的信息。在这种情况下,我们只打印所选文件的名称。
原文地址: https://www.cveoy.top/t/topic/nQ5Y 著作权归作者所有。请勿转载和采集!