js上传多张图片并展示

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

document.getElementById('fileInput').addEventListener('change', function(event) {
    const files = event.target.files;
    const previewContainer = document.getElementById('imagePreview');
    previewContainer.innerHTML = ''; // 清空之前的预览

    for (let i = 0; i < files.length; i++) {
        const file = files[i];
        if (file.type.match('image.*')) { // 确保是图片文件
            const reader = new FileReader();
            reader.onload = (function(file) {
                return function(e) {
                    const img = document.createElement('img');
                    img.src = e.target.result;
                    img.title = file.name;
                    previewContainer.appendChild(img);
                };
            })(file);
            reader.readAsDataURL(file); // 读取文件为DataURL
        }
    }
});