загрузка файла с <form>не отправляет файл

Question

Я пытаюсь загрузить файл на основе этого ответа :

<form enctype="multipart/form-data" action="http://localhost:61113/api/file/upload" method="post">
   <div>
          <input type="text" placeholder="No file selected" id="txtPath" />
          <div id="div-btn">
             Choose File
             <input type="file" class="hide_file" id="browse-btn">
           </div>
    </div>
    <button id="btnScan" type="submit">Scan</button>
</form>

, но на стороне сервера я получаю только содержимое запроса:

------WebKitFormBoundaryYhhj0sW5ARh7d9ZO--

и я не могу увидеть содержимое файла, мне кажется, что он не отправляет файл, что мне не хватает?

Answer 1

Вам не хватает атрибута имени

<input type="file" class="hide_file" id="browse-btn" name="file">

Answer 2

Прежде всего, вы используете AJAX? Если это так, нет необходимости в атрибуте name. Вы можете получить файл с атрибутом id, но если нет, вы должны использовать атрибут name.

Answer 3

Вам также нужно вставить атрибут name для входного файла.

Чем получить данные файла через $_FILES;значение атрибута name будет ключом в массиве $_FILES.

Например:

<input type="file" class="hide_file" id="browse-btn" name='fileUploaded'>

на стороне сервера:

$fileData = $_FILES['fileUploaded'];