Multiple File Upload with Image Preview
HTML
<script src="http://www.fyneworks.com/jquery/multifile/jquery.MultiFile.js"></script>
<input type="file" id="WithImagePreview" multiple />
JavaScript
$('#WithImagePreview').MultiFile({
accept: 'png, jpg',
onFileSelect: function(element, value, master_element) {
var oFReader = new FileReader();
oFReader.readAsDataURL(element.files[0]);
oFReader.onload = function (oFREvent) {
var preview = $('<img/>');
preview[0].src = oFREvent.target.result;
$('body').append(preview);
};
}
});