file input 当有文件时，jS

在JavaScript中，`<input type="file">` 元素用于创建一个让用户选择文件的表单控件。当用户点击这个输入框并选择了一个文件后，浏览器会自动填充该文件的信息到`files`属性中，这是一个FileList对象，包含了用户选择的所有文件。

例如，当你在HTML中添加这样的元素：

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

并在JavaScript中监听其变化，你可以这样做：

document.getElementById('fileInput').addEventListener('change', function(e) {
    var files = e.target.files; // 获取用户选择的文件
    if (files.length > 0) {
        var file = files[0]; // 如果有多选，这里只取第一个
        console.log(file.name); // 打印文件名
        console.log(file.size); // 打印文件大小
        // 进行后续对文件的操作，比如上传、预览等
    }
});

在这个例子中，每当用户选择文件后，`change`事件就会触发，允许你在回调函数中访问用户选择的文件，并根据需求执行相应的操作。