upload multiple images

by sharkhouse23

HTML

<input type="file" multiple id="gallery-photo-add">
																				<div class="gallery"></div>

JavaScript

console.log('custom js initiate...');

$(document).ready(function(){

	console.log('test3');
    // Multiple images preview in browser
    var imagesPreview = function(input, placeToInsertImagePreview) {
    	console.log('test');
        if (input.files) {
            var filesAmount = input.files.length;

            for (i = 0; i < filesAmount; i++) {
                var reader = new FileReader();

                reader.onload = function(event) {
                    $($.parseHTML('<img>')).attr('src', event.target.result).appendTo(placeToInsertImagePreview);
                }

                reader.readAsDataURL(input.files[i]);
            }
        }

    };

    $('#gallery-photo-add').on('change', function() {
        imagesPreview(this, 'div.gallery');
        console.log('test2');
    });


});