Intereting Posts
Почему вы не можете разместить Loop вне index.php? Связывание сообщений вместе с расширенными настраиваемыми полями «в обоих направлениях» Добавить страницы wp-link для публикации Blackberry специфический плагин Mobile Redirect? Как изменить пароль пользователя с помощью wp-cli? Изменение пользовательских правил переписывания типа в отдельной функции Не удается войти в систему: «ОШИБКА: файлы cookie заблокированы или не поддерживаются вашим браузером. Вы должны включить файлы cookie для использования WordPress. " Каковы некоторые причины, почему вы не должны взломать файлы ядра WordPress? Показывать внуков на страницах ребенка и внуков с помощью wp_list_pages Могу ли я получить идентификатор вставленного / связанного изображения? Что не так с моей подготовкой wpdb $ Перенаправить не-www версию сайта на www Как я эхо типа сообщения? Изменить тип ввода для определенного мета-ключа в метаданных настраиваемых полей Бэкэнд WordPress: отдельная медиабиблиотека для отображения в каждом настраиваемом типе сообщений

Пользовательский подборщик мультимедиа в мета-окне: как выбрать доступные размеры изображений?

У меня есть настраиваемый мета-ящик, в котором пользователь может выбрать изображение и сохранить его с помощью средства массовой информации, создавая с помощью JavaScript. Это работает отлично, но я хотел бы выбрать, какую версию изображения использовать; large , medium или thumbnail .

Это возможно?

EDIT 2: Я решил это! Я отправлю решение, когда у меня есть время, но в основном: var selectedSizeUrl = media_attachment.sizes[$('select[name="size"]').val()].url; дает URL.

EDIT: Я добился определенного прогресса. Теперь я получаю селектор для размера, мне просто нужно сохранить правильный URL-адрес в базе данных. Теперь URL-адрес, который сохраняется, – это только изображение оригинала. Вот мой JavaScript:

 /* * Attaches the image uploader to the input field */ jQuery(document).ready(function($){ // Instantiates the variable that holds the media library frame. var meta_image_frame; // Hide the empty thumbnail frames $('.inspiration-image-thumbnail').each(function (i, element) { var $element = $(element); $element.attr('src') ? $element.show() : $element.hide(); }); // Runs when the image button is clicked. $('.meta-image-button').click(function(e){ var that = $(this); // Prevents the default action from occuring. e.preventDefault(); // Sets up the media library frame file_frame = wp.media({ frame: 'select', state: 'mystate', library: { type: 'image' }, multiple: false }); file_frame.states.add([ new wp.media.controller.Library({ id: 'mystate', title: 'Velg bilde', priority: 20, toolbar: 'select', filterable: 'uploaded', library: wp.media.query( file_frame.options.library ), multiple: file_frame.options.multiple ? 'reset' : false, editable: true, displayUserSettings: false, displaySettings: true, allowLocalEdits: true }) ]); // Runs when an image is selected. file_frame.on('select', function() { // Grabs the attachment selection and creates a JSON representation of the model. var media_attachment = file_frame.state().get('selection').first().toJSON(); console.log(media_attachment); // Sends the attachment URL to our custom image input field. that.siblings('.meta-image').val(media_attachment.url); var thumbnail = that.siblings('.inspiration-image-thumbnail') thumbnail.attr('src', media_attachment.url); // Update the thumbnail source thumbnail.is(':hidden') && thumbnail.show(); // Show the thumbnail if it is hidden }); file_frame.open(); }); }); 

Это из этого поста, в основном почти копируя его в мой код, только что зафиксировал несколько ошибок скрипта.