在上载图像期间，从其他文件夹中选择图像，并在上载之前预览所有图像，然后上载所有图像

Question

我正在使用php-Codeigniter上传多张图片。选择多个图像时，我想从多个文件夹中选择图像并预览它们，然后再提交表单并提交所有预览的图像。

我已使用jquery预览选定的图像。但是，当我选择另一个图像时，旧的预览图像消失了，并且无法从不同的文件夹中选择多个图像，并且无法上传所有预览图像。此外，上传后，仅最后选择的图像会上传。

jquery：

$(function () {
    $("#fileupload").change(function () {
        if (typeof (FileReader) != "undefined") {
            var dvPreview = $("#dvPreview");
            dvPreview.html("");
            $($(this)[0].files).each(function () {
                var file = $(this);
                var reader = new FileReader();
                reader.onload = function (e) {
                    var img = $("<img />");
                    img.attr("style", "height:100px;width: 100px");
                    img.attr("src", e.target.result);
                    dvPreview.append(img);
                }
                reader.readAsDataURL(file[0]);
            });
        } else {
           alert("This browser does not support HTML5 FileReader.");
        }
    });
});

视图：

我希望从不同的文件夹中选择多个图像并进行预览，如果用户不想上传它们然后再上传所有预览的图像，则可以删除图像。