Как можно отправить массив $_FILES в php обработчик с помощью ajax?

Question

[mrWan]

Мне нужна мультизагрузка картинок без перезагрузки страницы!
если делаю так:

$(document).ready(function(){
	$('#images').on('change',function(){
		var img = $('#images').val();
		$.ajax({
			type: 'POST',
			url: 'upload.php',
			data: {img:img},
			success: function(data){
				alert(data);
			}
		});
	});
});

то alert возвращает путь к первой ссылке. Как я могу получить все ссылки картинок, которые я загрузил?
input выглядит так :

<imput name="images[]" type="file" id="images" multiple>

Answer 1

[Boris Köln]

Не изобретайте велосипед.
https://habrahabr.ru/post/140400/

Answer 2

[mrWan]

нашел вот такой код:

$(document).ready(function(){
	$("#myFile").on("change", function(){
		var inputImg = $(this);
		var inputLength = inputImg[0].files.length; //No of files selected
		var file;
		var formData = new FormData();
			for (var i = 0; i < inputLength; i++) {
			file = inputImg[0].files[i];
			formData.append( 'myFile[]', file);
		}
		//send POST request to upload.php
		$.ajax({
			url: "upload.php",
			type: "POST",
			data: formData,
	            	processData: false,
	            	contentType: false,
	            	beforeSend: function(){
	            		$(".loading").show();
	            	}
		}).done(function( data ) {
			$(".loading").hide();
			$("#resultArea").append(data);
			inputImg.val('');
		});
	});
});

Все отлично работает. Нужно будет почитать про formData