Асинхронная загрузка файла с использованием чистого JS/AJAX и PHP ⇐ Php

[Anonymous]

Я хочу асинхронно загрузить файл, используя наш JavaScript/AJAX (без jQuery) и PHP, без необходимости отправлять форму, что, как мне казалось, возможно с помощью JS/AJAX.
Мой код:

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

async function uploadFile()
{
let formData = new FormData();
formData.append("file", fileToUpload.files[0]);
await fetch('../php/upload.php',
{
method: "POST",
body: formData
}); // await fetch(
alert('The file has been uploaded successfully.');
}; // async function uploadFile()







Select file to upload:

Upload File (async)

Если я нажму кнопку «Загрузить файл (асинхронно)», форма отправится и файл будет загружен.
Однако, если я добавлю type="button" в тег , форма не отправляется (как ожидалось), но файл не загружается.Я подумал, что проблема может заключаться в том, что php и html находятся в одном файле, поэтому я разделил их безрезультатно — загрузка работает без type=" button", но не работает с ним.
Я видел сообщения об использовании скрытых , но не пробовал их реализовать, поскольку не думаю, что это необходимо.
Я неправильно понимаю, что могут делать JS/AJAX и PHP, или это проблема с моим кодом?
Большое спасибо!

Подробнее здесь: https://stackoverflow.com/questions/790 ... ax-and-php