JQuery AJAX отправляет массив файлов из формы
Я получил этот код где-то, чтобы загрузить фотографии без обновления браузера. Однако мне не понравился файл загрузчика, поэтому я решил использовать старый, с которым работал. Проблема в том, что он отправляет массив вместо строки из файла javascript (он предназначен для отправки нескольких файлов вместо одного). Вот код, который делает массив:
input.addEventListener("change", function (evt) {
document.getElementById("response").innerHTML = "Loading . . ."
var i = 0, len = this.files.length, img, reader, file;
for ( ; i < len; i++ ) {
file = this.files[i];
if (formdata) {
formdata.append("uploaded_file[]", file);
} } }
if (formdata) {
$.ajax({
url: "img_upload.php",
type: "POST",
data: formdata,
processData: false,
contentType: false
}).done(function (res) {
/* *** show uploaded item *** */
/* *** show response *** */
});
}
Мои знания в Javascript очень слабые, и я не могу понять, как изменить этот код, чтобы он отправлял загруженный файл сам по себе вместо массива.
Я пробовал это независимо, но ни один из них не работал (send_img - это имя формы / идентификатор):
formdata = document.send_img.uploaded_file.value;
formdata = document.getElementById("uploaded_file");
formdata = new formdata ($('#send_img'));
formData = $('#send_img').serialize();
formdata.replaceWith("uploaded_file[]", file);
Я также пытался устранитьfor
использовать тот же ключ (0), но он не работает таким образом. Сокращенный код для img_upload.php:
$fileName = $target . $_FILES["uploaded_file"]["name"];
$fileTmpLoc = $_FILES["uploaded_file"]["tmp_name"];
$fileName = $new_name . "." . $fileExt;
move_uploaded_file($fileTmpLoc, "images/images/temp/$fileName");
Как я могу отправить загруженный файл (или заголовок или что-то, что он должен отправить) только в одной строке и, в случае добавления второго файла, заменить первый вместо создания второго значения в массиве?