Multiple Image Upload Preview

HTML

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

CSS

img {max-width: 200px;}

JavaScript

$images = $('.imageOutput')

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

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);
        });
        
    }
}