Вопрос или проблема
У меня есть плагин формы для 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 поста
}
}
?>
Объяснение кода
- Проверка метода запроса: Мы начинаем с проверки, был ли отправлен POST запрос.
- Подключение необходимых файлов: Сначала загружаем необходимые функции WordPress для работы с медиафайлами.
- Обработка каждого файла: В цикле
foreach
мы перебираем массив файлов. - Переопределение $_FILES: Это необходимо, так как
media_handle_upload
ожидает определенный формат для обработки файла. - Загрузка файла:
media_handle_upload
возвращает ID вложения или объект WP_Error в случае ошибки. - Сохранение ID вложений: Если загружено успешно, мы можем сохранить ID в метаданных записи.
Заключение
С помощью этого кода вы можете легко реализовать функциональность загрузки нескольких файлов в WordPress с помощью media_handle_upload
. Убедитесь, что вы правильно обрабатываете ошибки и сохраняете необходимые данные о загруженных файлах.
Следуя вышеописанным шагам, вы сможете интегрировать загрузку нескольких файлов в своем плагине для WordPress, обеспечивая отличное взаимодействие с пользователями и управление файлами.