js一次上传多张图片大小

document.getElementById('fileInput').addEventListener('change', function(event) {
    const files = event.target.files;
    for (let i = 0; i < files.length; i++) {
        const file = files[i];
        console.log(`文件名: ${file.name}, 大小: ${file.size} bytes`);
    }
});

document.getElementById('fileInput').addEventListener('change', function(event) {
    const files = event.target.files;
    let totalSize = 0;
    for (let i = 0; i < files.length; i++) {
        totalSize += files[i].size;
    }
    const maxSize = 5 * 1024 * 1024; // 5MB
    if (totalSize > maxSize) {
        alert('上传的图片总大小不能超过5MB');
        event.target.value = ''; // 清空选择
    } else {
        // 继续处理上传逻辑
    }
});

<input type="file" id="fileInput" multiple>
<div id="preview"></div>

<script>
document.getElementById('fileInput').addEventListener('change', function(event) {
    const preview = document.getElementById('preview');
    preview.innerHTML = ''; // 清空之前的预览
    const files = event.target.files;
    for (let i = 0; i < files.length; i++) {
        const file = files[i];
        const reader = new FileReader();
        reader.onload = function(e) {
            const img = document.createElement('img');
            img.src = e.target.result;
            img.style.width = '100px'; // 设置预览图片的大小
            preview.appendChild(img);
        };
        reader.readAsDataURL(file);
    }
});
</script>