js+怎么获取到file的值

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

document.getElementById('fileInput').addEventListener('change', function(event) {
    // 获取文件对象
    var file = event.target.files[0];
    
    if (file) {
        // 这里可以访问文件的属性，如文件名、大小等
        console.log('文件名:', file.name);
        console.log('文件大小:', file.size);
        console.log('文件类型:', file.type);
        
        // 如果你想读取文件内容，可以使用FileReader API
        var reader = new FileReader();
        
        reader.onload = function(e) {
            // e.target.result 包含文件的内容
            console.log('文件内容:', e.target.result);
        };
        
        // 以文本方式读取文件
        reader.readAsText(file);
        
        // 如果是图片，可以这样读取
        // reader.readAsDataURL(file);
    }
});