Intereting Posts
Как выполнить навигацию по дочерней странице? Как добавить текст в короткий код? Как сделать виджет пользовательской панели мониторинга для отображения пользовательского уведомления от администратора? Как изменить, откуда плагин извлекает обновления? Как включить тему темы настройки для принятия svg? the_permalink отображает URL сообщения для будущих сообщений WordPress Пользовательский почтовый тип slug rewrite пользовательский php-файл внутри моей настраиваемой папки каталога плагинов не кэширует просто не могу получить архивы на основе даты на пост-тип для работы Перенос мета значения в новую метаинформацию Добавить категорию в сообщения с тегом wordpress Как продлить автоматический выход в автономный режим или перенаправить встроенное всплывающее окно Как установить метабокс по умолчанию при создании пользователя? Получить постоянную ссылку на страницу? Добавить форматирование в массив

Получение всех URL-адресов загруженных изображений с помощью загрузчика мультимедиа

Мне нужно использовать WP media uploader для загрузки нескольких изображений внутри моего плагина. Я нашел этот код, который отлично подходит для одного изображения. Я попытался изменить multiple: false на true, что позволило мне выбрать несколько изображений в медиа-загрузчике. Моя проблема заключается в том, что я не знаю, как получить URL-адреса всех загруженных изображений, а не только одного, как в прилагаемом коде. Я попытался изменить var uploaded_image = image.state().get('selection').first(); для var uploaded_image = image.state().get('selection') а затем итерация по массиву с помощью этого кода, но не имела успеха.

 var uploaded_image = image.state().get('selection').first(); jQuery.each(uploaded_image, function (i) { console.log(uploaded_image[i].toJSON().url); }); - var uploaded_image = image.state().get('selection').first(); jQuery.each(uploaded_image, function (i) { console.log(uploaded_image[i].toJSON().url); }); 

Исходный код:

 jQuery(document).ready(function($){ $('#upload-btn').click(function(e) { e.preventDefault(); var image = wp.media({ title: 'Nahranie obsahu', // mutiple: true if you want to upload multiple files at once multiple: false }).open() .on('select', function(e){ // This will return the selected image from the Media Uploader, the result is an object var uploaded_image = image.state().get('selection').first(); // We convert uploaded_image to a JSON object to make accessing it easier // Output to the console uploaded_image // console.log(uploaded_image); var image_url = uploaded_image.toJSON().url; // Let's assign the url value to the input field $('#image_url').val(image_url); }); }); }); 

Получил его работу с кодом из этого вопроса https://stackoverflow.com/questions/14847668/get-url-of-freshly-uploaded-image-from-wp3-5-media-uploader

Может быть, кто-то найдет это полезным. Этот код записывает URL-адрес каждого свежего uplaoded изображения на консоль.

 jQuery(document).ready(function($){ $('#upload-btn').click(function(e) { e.preventDefault(); var image = wp.media({ title: 'Nahranie obsahu', // mutiple: true if you want to upload multiple files at once multiple: true }).open() .on('select', function(e){ // This will return the selected image from the Media Uploader, the result is an object var uploaded_images = image.state().get('selection'); var attachment_ids = uploaded_image.map( function( attachment ) { attachment = attachment.toJSON(); console.log(attachment.url); }).join(); // We convert uploaded_image to a JSON object to make accessing it easier // Output to the console uploaded_image // console.log(uploaded_image); var image_url = uploaded_image.toJSON().url; // Let's assign the url value to the input field $('#image_url').val(image_url); }); }); });