js获取input的文件名

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

document.getElementById('fileInput').addEventListener('change', function(event) {
    const file = event.target.files[0]; // 获取第一个文件
    if (file) {
        console.log('文件名:', file.name);
    } else {
        console.log('没有选择文件');
    }
});

document.getElementById('fileInput').addEventListener('change', function(event) {
    const filePath = event.target.value;
    if (filePath) {
        const fileName = filePath.split('\\').pop(); // 处理Windows路径
        console.log('文件名:', fileName);
    } else {
        console.log('没有选择文件');
    }
});

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

document.getElementById('fileInput').addEventListener('change', function(event) {
    const files = event.target.files;
    for (let i = 0; i < files.length; i++) {
        console.log('文件名:', files[i].name);
        // 可以在这里进行进一步的文件处理，如读取文件内容
    }
});