Как загрузить несколько картинок в meta box?
Решено
Я в вордпресс создал свой meta box, в который я хочу добавлять картинки. Картинки добавлять нужно через стандартный загрузчик вордпресс. Скажите как из загрузчика вордпресс получить все загруженные и выделенные изображения?
1 Ответ(ы)
Ответ
Следующий код добавит блоки с картинками которые мы выбрали в стандартном загрузчике вордпресс.
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'); }