Кнопка "Додати медіа" в плагін

12

Я пишу спеціальний плагін, і я хотів би додати кнопку "Додати медіа".

Мені просто потрібно завантажувати медіа, а не витягувати вміст / дані з завантаженого файлу.

Як я можу додати цю кнопку?

Спасибі

plugins uploads media

— Пепоццо
джерело

21

Якщо ви хочете додати кнопку додавання медіа-файлу на панелі адміністратора :

Вам потрібно використовувати wp_enqueue_media ();

add_action ( 'admin_enqueue_scripts', function () {
    if (is_admin ())
        wp_enqueue_media ();
} );

Потім використовуйте цей js:

jQuery(document).ready(function() {
    var $ = jQuery;
    if ($('.set_custom_images').length > 0) {
        if ( typeof wp !== 'undefined' && wp.media && wp.media.editor) {
            $('.set_custom_images').on('click', function(e) {
                e.preventDefault();
                var button = $(this);
                var id = button.prev();
                wp.media.editor.send.attachment = function(props, attachment) {
                    id.val(attachment.id);
                };
                wp.media.editor.open(button);
                return false;
            });
        }
    }
});

Використовуйте цей html:

<p>
    <input type="number" value="" class="regular-text process_custom_images" id="process_custom_images" name="" max="" min="1" step="1">
    <button class="set_custom_images button">Set Image ID</button>
</p>

— тильтетиммія
джерело

1

Ідеально! Я просто хочу замінити "$" на "jQuery", і все працює так, як очікувалося! Дякую.

— Лібін

Не потрібно, is_admin()коли ви використовуєте гачок admin_enqueue_scripts. Також я би перевірив, чи ти на правильній сторінці get_current_screen().

— Бьорн

Для тих , хто, як і я, може знадобиться також URL для зображення, ви можете використовувати наступне: var attachmentURL = wp.media.attachment(attachment.id).get("url");. Я поклав це всерединуfunction(props, attachment)

— 7

2

Показати попередній перегляд мініатюр замість числа

Так само, як виправити, я це зробив ...

змінив введений номер на прихований.

додано:

$imgid =(isset( $instance[ 'imgid' ] )) ? $instance[ 'imgid' ] : "";
$img    = wp_get_attachment_image_src($imgid, 'thumbnail');

А далі ... над прихованим полем.

if($img != "") {
?>
  <img src="<?= $img[0]; ?>" width="80px" /><br />
<?php 
}

Це дозволить зробити мініатюру помітною в кінці користувача замість номера :)

— Роб Макей
джерело