Как загрузить несколько картинок в meta box?

Я в вордпресс создал свой meta box, в который я хочу добавлять картинки. Картинки добавлять нужно через стандартный загрузчик вордпресс. Скажите как из загрузчика вордпресс получить все загруженные и выделенные изображения?

Добавить Комментарий
Ответ

Следующий код добавит блоки с картинками которые мы выбрали в стандартном загрузчике вордпресс.

 var button = jQuery(thisClass);
 var custom_uploader = wp.media({
 title: 'Gallery',
 button: {
 text: 'Add photos'
 },
 multiple: true  // multiload
 }).on('select', function() {
 var attachment = custom_uploader.state().get('selection').toJSON();
 //    console.log(attachment[0]['url'], attachment[1]['url']);
 var html = '';
 for (var i = 0; i < attachment.length; i++) {
 html = '<div class="gallery-block-img"><img src="' + attachment[i]['url'] + '" /><div class="gallery-delete-img">delete</div><input type="hidden" value="' + attachment[i]['url'] + '"></div>';
 jQuery('.gallery-block').append(html);
 }
 }).open();
 

HTML

<div class="gallery-block"></div>
 <p>
            <a class="gallery-add-photo" href="#">add photo</a>
        </p>

Данный код нужно прописать для события клика, после которого будет открываться загрузчик картинок.
Также нужно не забыть подключить скрипты для работы загрузчика файлов:

 // media upload
 if (function_exists('wp_enqueue_media')) {
 wp_enqueue_media();
 } else {
 wp_enqueue_style('thickbox');
 wp_enqueue_script('media-upload');
 wp_enqueue_script('thickbox');
 }
 

Добавить Комментарий

Ваш ответ

Размещая свой ответ, вы соглашаетесь с правилами сайта.