Поле загрузки файла в форме html с несколькими полями, используя ajax только для одного поля ⇐ Jquery

[Гость]

У меня возникли трудности с одной из моих HTML-форм, в которой должно быть поле для загрузки изображений.
Что я хочу сделать, так это иметь возможность выбрать файл (изображение) и отправить его в файл PHP использование ajax без отправки всей формы. Как я могу добавить еще одну форму для этого типа файла в мою основную форму?
Итак, например, у меня есть эта форма:

Код: Выделить всё

Now I want to be able to fill up this form and after I choose a picture I want my JavaScript to send the picture to a PHP file using ajax and to show it in this form before I click the submit button. I want to be able to choose multiple images for this form. My JavaScript looks like this:

Код: Выделить всё

function save_img()
{
var data = new FormData();
jQuery.each(jQuery('#file')[0].files, function(i, file) {
data.append('file-'+i, file);
});
jQuery.ajax({
url: '/admin/ajax/upload.php',
data: data,
cache: false,
contentType: false,
processData: false,
type: 'POST',
success: function(data){
alert(data);
}
});
}

but it doesn't work. Может ли кто-нибудь помочь мне с простым примером? Спасибо!
PHP-код:

Код: Выделить всё

Источник: [url]https://stackoverflow.com/questions/43170349/file-upload-field-in-a-html-form-with-multiple-fields-using-ajax-only-for-one-fi[/url]