I have several file inputs and I need to append uploaded images in a DOM element.
Here is my HTML:
<input type="file" name="images[]" id="file-1" class="file">
<input type="file" name="images[]" id="file-2" class="file">
<input type="file" name="images[]" id="file-3" class="file">
<div id="display-images"></div>
Here is my jQuery:
$('.file').change(function(){
var input = $(this);
var image = input.prop('files')[0];
$('#display-images').append('<img src="???"');
});
What should I write in src attribute to display uploaded file?