使用 Wordpress 媒体库在我的插件中不起作用

Question

目前我尝试在我的插件中包含 wordpress 媒体库，但是图像的 url 没有复制到相应的输入字段中。当我调试代码并包含 alert(image_url);我得到一个 "Undefined"。

有人知道我在这里做错了什么吗？我的代码如下：

JS:

jQuery(document).ready(function() { 
    jQuery('#upload_logo_button').click(function() { 
        tb_show('Upload a logo', 'media-upload.php?referer=clb_plugin_options&type=image&TB_iframe=true&post_id=0', false); 
        window.send_to_editor = function(html) { 
            var image_url = $('img',html).attr('src'); 
            jQuery('#clb_setting_logo').val(image_url); 
            tb_remove(); 
        };     
        return false;
    });     
});//jquery document

PHP:

public function admin_enqueue_scripts_func() {
    wp_enqueue_script('jquery');
    wp_enqueue_script('thickbox');
    wp_enqueue_script('media-upload');
    wp_register_script( 'js-script-clb-admin', plugins_url( 'js/clb-admin-min.js', dirname(__FILE__) ), array('jquery','media-upload','thickbox'));
    wp_enqueue_script( 'js-script-clb-admin');
}//function admin_enqueue_scripts_func  
add_action( 'admin_enqueue_scripts', 'admin_enqueue_scripts_func' );

HTML:

<input type="text" id="clb_setting_logo" name="clb_plugin_options[clb_setting_logo]" value="<?php echo esc_url( $options['clb_setting_logo'] ); ?>" />
<input id="upload_logo_button" type="button" class="button" value="<?php _e( 'Upload Logo', 'clb' ); ?>" />

Answer 1

首先，将 wp_enqueue_media(); 添加到 admin_enqueue_scripts_func()。初学者试试这个，因为你做的事情与我最近所做的非常不同（有效）。

但据我所知，你使用 var image_url = $('img',html).attr('src');, but I don;t see

作为参考，这是我的js。

var custom_uploader;
$(document.body).on('click', '#upload_image_button' ,function(e)
{
    e.preventDefault();
    if (custom_uploader)
    {
        custom_uploader.open();
        return;
    }
    custom_uploader = wp.media.frames.file_frame = wp.media(
    {
        title: 'Choose Image',
        button: {
            text: 'Choose Image'
        },
        multiple: false
    });
    custom_uploader.on('select', function()
    {
        attachment = custom_uploader.state().get('selection').first().toJSON();
        $('#upload_image').val(attachment.url);
    });
    custom_uploader.open();
});

也许试试这个，用你自己的 ID 替换 ID。希望这能有点帮助。

使用 Wordpress 媒体库在我的插件中不起作用

Using of the Wordpress Media Library is not working in my plugin

wordpress