Multiple Image Upload Preview

HTML

<input type='file' class="imageUpload" multiple="true" />
<div class="imageOutput"></div>

JavaScript

$images = $('.imageOutput')


$(".imageUpload").change(function(event){
    readURL(this);
    this.value = null;
});



function readURL(input) {

    if (input.files && input.files[0]) {
        
        $.each(input.files, function() {
            var reader = new FileReader();
            reader.onload = function (e) {           
                $images.append('<img src="'+ e.target.result+'" />')
            }
            reader.readAsDataURL(this);
        });
        
    }
}