Wordpress Custom Image Upload Field

Question

В настоящее время я занимаюсь разработкой сайта WordPress, для которого требуется специальный модуль добавления / редактирования контента.Я ищу вариант загрузки изображений в WordPress, например.в моей форме есть поле ввода под названием «Выбрать изображение», когда пользователь нажимает на поле ввода, я хочу, чтобы всплывающая галерея WordPress Media и возможность выбрать изображение из галереи.и как только пользователь выберет изображение, полный URL-адрес изображения будет заполнен в поле ввода.Я уверен, что это можно сделать, потому что я однажды нашел код для этого, но я забыл, где я его нашел.Пожалуйста, помогите всем

Заранее спасибо ..

Answer 1

Вот код, который сделает это:

jQuery(document).ready(function() {

    var orig_send_to_editor = window.send_to_editor;

    jQuery('#upload_image_button').click(function() {
        formfield = jQuery(this).prev('input');
        tb_show('', 'media-upload.php?type=image&TB_iframe=true');

        window.send_to_editor = function(html) {
        var regex = /src="(.+?)"/;
        var rslt =html.match(regex);
        var imgurl = rslt[1];
        formfield.val(imgurl);
        tb_remove();
        jQuery('#show_'+formfield.attr('name')).html('<img src="'+imgurl+'" width="" />')

        window.send_to_editor = orig_send_to_editor;
    }

    return false;
});
});

Вот следующий HTML-код:

<input type="hidden" name="upload_image" />
<?php $post_img = get_post_meta($post->ID,'item_image',true); ?>
<input id="upload_image_button" type="button" value="<?php echo (empty($post_img)?'Upload Image':'Change Image') ?>" />
<div id="show_upload_image"><?php echo (!empty($post_img)?"<img src='$post_img' width='100' />":'')?></div>