Загрузите несколько файлов с помощью media_handle_upload

Вопрос или проблема

У меня есть плагин формы для WordPress, и я использую media_handle_upload для загрузки файлов и получения их идентификаторов, которые я прикрепляю к посту в качестве метаданных. Я использовал следующее для этого:

HTML поля формы:

<input type="file" name="my_file_upload" id="my_file_upload">

А PHP код был:

$attach_id = media_handle_upload( 'my_file_upload', $post_id );
if ( is_numeric( $attach_id ) ) {
    update_post_meta( $post_id, '_my_file_upload', $attach_id );
}

И все работало прекрасно.

Теперь я пытаюсь загрузить несколько файлов, мой HTML код:

<input type="file" name="my_file_upload[]" id="my_file_upload[]" multiple="multiple">

Но я не могу заставить функцию media_handle_upload работать с загрузкой нескольких файлов.

Любая помощь будет оценена.

если вы используете пользовательский шаблон, вставьте это в начале

<?php
 if( 'POST' == $_SERVER['REQUEST_METHOD']  ) {
if ( $_FILES ) { 
    $files = $_FILES["my_file_upload"];  
    foreach ($files['name'] as $key => $value) {            
            if ($files['name'][$key]) { 
                $file = array( 
                    'name' => $files['name'][$key],
                    'type' => $files['type'][$key], 
                    'tmp_name' => $files['tmp_name'][$key], 
                    'error' => $files['error'][$key],
                    'size' => $files['size'][$key]
                ); 
                $_FILES = array ("my_file_upload" => $file); 
                foreach ($_FILES as $file => $array) {              
                    $newupload = my_handle_attachment($file,$pid); 
                }
            } 
        } 
    }

}
?>

в function.php

function my_handle_attachment($file_handler,$post_id,$set_thu=false) {
  // проверьте, чтобы убедиться, что это успешная загрузка
  if ($_FILES[$file_handler]['error'] !== UPLOAD_ERR_OK) __return_false();

  require_once(ABSPATH . "wp-admin" . '/includes/image.php');
  require_once(ABSPATH . "wp-admin" . '/includes/file.php');
  require_once(ABSPATH . "wp-admin" . '/includes/media.php');

  $attach_id = media_handle_upload( $file_handler, $post_id );
  if ( is_numeric( $attach_id ) ) {
    update_post_meta( $post_id, '_my_file_upload', $attach_id );
  }
  return $attach_id;
}

источник http://www.kvcodes.com/2013/12/create-front-end-multiple-file-upload-wordpress/

Если вы хотите реализовать это без использования файла функций, вы можете использовать упрощенную версию, которую я придумал. Это протестированный код, который работает на 100%

<form id="file_upload" method="post" action="#" enctype="multipart/form-data">
     <input type="file" name="my_file_upload[]" multiple="multiple">
     <input name="my_file_upload" type="submit" value="Загрузить" />
</form>

Поместите PHP код на страницу, где происходит отправка. В моем случае на той же странице, где действие формы установлено на “#”

<?php if ($_SERVER['REQUEST_METHOD'] == 'POST') {
    require_once( ABSPATH . 'wp-admin/includes/image.php' );
    require_once( ABSPATH . 'wp-admin/includes/file.php' );
    require_once( ABSPATH . 'wp-admin/includes/media.php' );

    $files = $_FILES["my_file_upload"];
    foreach ($files['name'] as $key => $value) {
        if ($files['name'][$key]) {
            $file = array(
                'name' => $files['name'][$key],
                'type' => $files['type'][$key],
                'tmp_name' => $files['tmp_name'][$key],
                'error' => $files['error'][$key],
                'size' => $files['size'][$key]
            );
            $_FILES = array("upload_file" => $file);
            $attachment_id = media_handle_upload("upload_file", 0);

            if (is_wp_error($attachment_id)) {
                // Возникла ошибка при загрузке изображения.
                echo "Ошибка добавления файла";
            } else {
                // Изображение было успешно загружено!
                echo "Файл успешно добавлен с ID: " . $attachment_id . "<br>";
                echo wp_get_attachment_image($attachment_id, array(800, 600)) . "<br>"; //Отображение загруженного изображения с желаемым размером. В данном случае 800x600
            }
        }
    }
} ?>

Этот метод будет включать необходимые файлы только один раз, когда форма отправляется, вместо того чтобы включать их каждый раз, когда функция вызывается через цикл foreach

Спасибо @shady-m-rasmy
Я использовал код, который вы упомянули, и кажется, что второй цикл foreach (ниже – в части пользовательского шаблона) не является необходимым, так как он выполняется только один раз.

foreach ($_FILES as $file => $array) {              
   $newupload = my_handle_attachment($file,$pid);
} 

Таким образом, остается только

$newupload = my_handle_attachment( "my_file_upload", $pid);

<div class="container-fluid my-5">
    <h1 class="text-center">
        Добавить изображения в галерею
    </h1>
</div>

<div class="container">
    <div class="d-flex justify-content-center">
        <div class="card w-75 transparent shadow-lg">
            <div class="alert"></div>
            <form id="gallery_data">
                <div class="form-group m-3">
                    <label for="galleryImage" class="mb-3 fs-5">Выберите изображение:</label>
                    <input type="file" class="form-control" name="galleryImage[]" id="galleryImage" multiple />
                </div>

                <div id="gallery"></div>

                <div class="d-flex justify-content-center">
                    <button class="btn btn-primary">Добавить изображение</button>
                </div>
            </form>
        </div>
    </div>
</div>

Код для вставки нескольких изображений с использованием wp_options

$galleryImages = get_option('gallery_images');
if ($galleryImages):
    ?>
        <div class="container d-flex justify-content-start my-5 flex-wrap">
            <?php foreach ($galleryImages as $galleryImage) : ?>   
                <img src="<?=wp_get_attachment_url($galleryImage)?>" alt="" class="image-wrapper img-container">
            <?php endforeach; ?>
        </div>
    <?php
endif;
?>

if(empty($_FILES['galleryImage']['name'][0])) {

    wp_send_json_error(array('message'=>'Ошибка: Пожалуйста, выберите изображение'));
    die();

} else {

    $galleryImages = get_option('gallery_images', []);
    $files = $_FILES["galleryImage"];

    foreach ($files['name'] as $key => $value) {
        if ($files['name'][$key]) {
            $file = array(
                'name' => $files['name'][$key],
                'type' => $files['type'][$key],
                'tmp_name' => $files['tmp_name'][$key],
                'error' => $files['error'][$key],
                'size' => $files['size'][$key]
            );
            $_FILES = array("upload_file" => $file);
            $attachment_id = media_handle_upload("upload_file",0);
            if (is_wp_error($attachment_id)) {
                wp_send_json_error(array('message'=> "Ошибка добавления файла")) ;
                wp_die();
            } else {
                $galleryImages[]=$attachment_id;
            }
        }
    }

    update_option('gallery_images', $galleryImages);
    wp_send_json_success(array('message'=>'Изображения успешно добавлены'));

}

Несколько записей для одного и того же ключа метаданных

$values = [ 'red', 'yellow', 'blue', 'pink' ];
foreach( $values as $value ) {
    // Этот метод использует `add_post_meta()` вместо `update_post_meta()`
    add_post_meta( $item_id, 'color', $value );
}

HTML

<input type="file" id="id_termine_attachment" multiple="multiple" name="id_termine_attachment[]" value="" size="25" />

PHP

function upload_file($_FILES) {

    if (!empty($_FILES['id_termine_attachment'])) {
        $supported_types = array(
            'application/pdf',
            'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
            'application/msword',
            'image/gif',
            'image/jpeg',
            'image/png',
            'application/zip'
         );

        $file_arr = reArrayFiles($_FILES['id_termine_attachment']);
        $file_urls = [];

        foreach ($file_arr as $file) {
            $arr_file_type = wp_check_filetype(basename($file['name']));
            $uploaded_type = $arr_file_type['type'];
            if (in_array($uploaded_type, $supported_types)) {
                $upload = wp_upload_bits($file['name'], null, file_get_contents($file['tmp_name']));
                if (isset($upload['error']) && $upload['error'] != 0) {
                    wp_die('При загрузке вашего файла произошла ошибка. Ошибка: ' . $upload['error']);
                } else {
                    array_push($file_urls, $upload['url']);

                } // конец if/else
            } else {
                wp_die("Этот тип файла недоступен!");
            }
        }
        update_post_meta($post_id, 'id_termine_attachment', $file_urls);
    }
}

function reArrayFiles(&$file_post) {
    $file_ary = array();
    $file_count = count($file_post['name']);
    $file_keys = array_keys($file_post);

    for ($i=0; $i<$file_count; $i++) {
        foreach ($file_keys as $key) {
            $file_ary[$i][$key] = $file_post[$key][$i];
        }
    }

    return $file_ary;
}

.

Ответ или решение

Чтобы загрузить несколько файлов в WordPress с использованием функции media_handle_upload, вам необходимо внести несколько изменений как в HTML форму, так и в PHP код, который обрабатывает загрузку файлов. В этой статье мы рассмотрим все этапы этого процесса.

Шаг 1: Создание HTML формы

Ваша HTML форма должна позволять пользователям выбирать несколько файлов с помощью атрибута multiple. Вот пример разметки:

<form id="file_upload" method="post" action="#" enctype="multipart/form-data">
    <input type="file" name="my_file_upload[]" multiple="multiple">
    <input type="submit" value="Upload">
</form>

Обратите внимание на name="my_file_upload[]", что позволяет отправлять массив файлов.

Шаг 2: Обработчик PHP кода

На серверной стороне мы проверим, были ли загружены файлы и обработаем их. Вот обновленный код:

<?php
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    require_once(ABSPATH . 'wp-admin/includes/image.php');
    require_once(ABSPATH . 'wp-admin/includes/file.php');
    require_once(ABSPATH . 'wp-admin/includes/media.php');

    $files = $_FILES['my_file_upload'];
    $attachment_ids = []; // Массив для хранения ID вложений

    foreach ($files['name'] as $key => $value) {
        if ($files['name'][$key]) {
            $file = [
                'name'     => $files['name'][$key],
                'type'     => $files['type'][$key],
                'tmp_name' => $files['tmp_name'][$key],
                'error'    => $files['error'][$key],
                'size'     => $files['size'][$key]
            ];

            // Переопределяем $_FILES для использования в media_handle_upload
            $_FILES['upload_file'] = $file;

            // Загружаем файл и получаем ID вложения
            $attachment_id = media_handle_upload('upload_file', 0); // Замените 0 на нужный вам ID поста, если нужно

            if (!is_wp_error($attachment_id)) {
                // Сохраняем ID вложения, если загрузка успешна
                $attachment_ids[] = $attachment_id;
                echo "Файл загружен успешно с ID: " . $attachment_id . "<br>";
            } else {
                echo "Ошибка загрузки файла: " . $attachment_id->get_error_message() . "<br>";
            }
        }
    }

    // Сохраняем ID вложений в метаданные записи, если это необходимо
    if (!empty($attachment_ids)) {
        update_post_meta($post_id, '_my_file_uploads', $attachment_ids); // Замените $post_id на актуальный ID поста
    }
}
?>

Объяснение кода

  1. Проверка метода запроса: Мы начинаем с проверки, был ли отправлен POST запрос.
  2. Подключение необходимых файлов: Сначала загружаем необходимые функции WordPress для работы с медиафайлами.
  3. Обработка каждого файла: В цикле foreach мы перебираем массив файлов.
  4. Переопределение $_FILES: Это необходимо, так как media_handle_upload ожидает определенный формат для обработки файла.
  5. Загрузка файла: media_handle_upload возвращает ID вложения или объект WP_Error в случае ошибки.
  6. Сохранение ID вложений: Если загружено успешно, мы можем сохранить ID в метаданных записи.

Заключение

С помощью этого кода вы можете легко реализовать функциональность загрузки нескольких файлов в WordPress с помощью media_handle_upload. Убедитесь, что вы правильно обрабатываете ошибки и сохраняете необходимые данные о загруженных файлах.

Следуя вышеописанным шагам, вы сможете интегрировать загрузку нескольких файлов в своем плагине для WordPress, обеспечивая отличное взаимодействие с пользователями и управление файлами.

Оцените материал
Добавить комментарий

Капча загружается...