Функция загрузки изображений — обычное требование в проектах веб-разработки. В этой статье мы рассмотрим несколько способов загрузки нескольких изображений с помощью PHP. Мы предоставим примеры кода для каждого метода, что позволит вам выбрать тот, который лучше всего соответствует потребностям вашего проекта.

Метод 1: использование HTML-формы и PHP
Этот метод предполагает создание HTML-формы с атрибутом «несколько», установленным в поле ввода файла. В PHP мы обрабатываем загруженные файлы с помощью суперглобального массива $_FILES.

<form action="upload.php" method="POST" enctype="multipart/form-data">
  <input type="file" name="images[]" multiple>
  <input type="submit" value="Upload">
</form>
<?php
if(isset($_FILES['images'])){
  $fileCount = count($_FILES['images']['name']);
  for($i=0; $i < $fileCount; $i++){
    $tmpFilePath = $_FILES['images']['tmp_name'][$i];
    $newFilePath = "uploads/" . $_FILES['images']['name'][$i];
    move_uploaded_file($tmpFilePath, $newFilePath);
  }
}
?>

Метод 2: использование JavaScript и AJAX
Этот метод обеспечивает более интерактивное взаимодействие с пользователем за счет асинхронной загрузки изображений с использованием JavaScript и AJAX. Мы будем использовать объект FormData для обработки загрузки файла.

<form id="uploadForm" action="upload.php" method="POST" enctype="multipart/form-data">
  <input type="file" name="images[]" id="uploadInput" multiple>
  <input type="submit" value="Upload">
</form>
<script>
  document.getElementById('uploadForm').addEventListener('submit', function(e){
    e.preventDefault();
    var formData = new FormData(this);
    var xhr = new XMLHttpRequest();
    xhr.open('POST', 'upload.php', true);
    xhr.onload = function(){
      if(xhr.status === 200){
        console.log('Upload successful');
      }
    };
    xhr.send(formData);
  });
</script>
<?php
if(isset($_FILES['images'])){
  $fileCount = count($_FILES['images']['name']);
  for($i=0; $i < $fileCount; $i++){
    $tmpFilePath = $_FILES['images']['tmp_name'][$i];
    $newFilePath = "uploads/" . $_FILES['images']['name'][$i];
    move_uploaded_file($tmpFilePath, $newFilePath);
  }
}
?>

Метод 3. Использование библиотеки PHP (например, Dropzone.js)
Dropzone.js – это популярная библиотека JavaScript, упрощающая загрузку файлов. Он предоставляет интерфейс перетаскивания и обрабатывает загрузку файлов на стороне клиента перед отправкой их на сервер.

Чтобы использовать Dropzone.js, включите необходимые файлы CSS и JS и создайте элемент формы с классом dropzone.

<form action="upload.php" class="dropzone"></form>
<script src="dropzone.js"></script>

В скрипте PHP (upload.php) обрабатывайте загруженные файлы как обычно.

В этой статье мы рассмотрели три различных метода загрузки нескольких изображений в PHP. Первый метод использует базовую HTML-форму, второй метод использует JavaScript и AJAX для асинхронной загрузки, а третий метод включает библиотеку PHP, например Dropzone.js, для более сложного взаимодействия с пользователем. Выберите метод, который соответствует требованиям вашего проекта, и реализуйте его соответствующим образом.