Как загрузить несколько картинок в 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');
}
