My code in functions is:

<input type="text" name="Cat_meta[img]" id="Cat_meta[img]" size="3" style="width:60%;" value=" <?php echo $cat_meta['img'] ? $cat_meta['img'] : ''; ?>">

How to get select url as post add media

enter image description here


By Javascript you can pop-up the media and on select you can update the image URL to the textbox. Below is the code.

var custom_uploader;
jQuery('<Should-be-a-button-selector>').click(function(e) {
    //If the uploader object has already been created, reopen the dialog
    if (custom_uploader) {

    //Extend the wp.media object
    custom_uploader = wp.media.frames.file_frame = wp.media({
        title: 'Choose Image',
        button: {
            text: 'Choose Image'
        multiple: false

    //When a file is selected, grab the URL and set it as the text field's value
    custom_uploader.on('select', function() {
        attachment = custom_uploader.state().get('selection').first().toJSON();

    //Open the uploader dialog
  • im add <input class="upload_image_button" type="button" value="Upload Image" /> and edit jQuery('upload_image_button').click(function(e) { but not run give me full code. my scientific not good
    – Hoang An
    Aug 13 '14 at 7:41
  • jQuery('.upload_image_button').click(function(e) { Aug 13 '14 at 8:57
  • You are using a class without class indicator (.). That's the fault. Aug 13 '14 at 8:58
  • Have you enqueued the editor files ? Aug 13 '14 at 10:23

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.