在使用jquery上传之前进行多次预览并删除图片

Question

我正在拖放图像，但是我想预览图片，如果选择了错误的图片，则必须通过使用按钮将其删除来进行处理。 我有一个类似此链接codepen的示例  但是，这仅用于预览1张图像。

我想预览所有图像，所以我这样修改输入文件

<input class="file-upload-input" type='file'  onchange="readURL(this);" accept="image/*" multiple />

还有这样的jQuery：

function readURL(input) {
    for (i = 0; i < input.files.length; i++) {
        if (input.files && input.files[i]) {
            var reader = new FileReader();
            reader.onload = function(e) {
                $('.image-upload-wrap').hide();
                $('.file-upload-image').attr('src', e.target.result);
                $('.file-upload-content').show();
                $('.image-title').html(input.files[i].name);
            };
            reader.readAsDataURL(input.files[i]);
        } else {
            removeUpload();
        }
    }
}

，但仍然只出现一张照片。但是，如果我在控制台上检查它。我从清单中得到了很多数据。 有人可以帮我修复它吗？