I am loading upload-media.php file using thickbox on front end where user can upload images to the post.

Question: How to I trigger the upload-media.php so the link "set featured image" shows up on image manager, just like we see when we click on "set featured image" link on backend.

Featured image

Here is the code for the thickbox:

jQuery('.upload_media_button').live('click', function() {
            current_item = jQuery(this);
             container = "."+current_item.attr('rel');
             var request = url.media_upload+'?type=image&TB_iframe=true';
             tb_show('Image Manager', request);
             return false;

        window.send_to_editor = function(html) {
             var img_tag = jQuery('img',html);
             //var attachment_id = jQuery('img',html).attr('class').replace(/[^0-9]/g, '');
             current_item.siblings(container).prepend(img_tag).css("height: auto");

I know I can take the attachment ID and set the featured image after form submission but that's the Plan B ;)

  • 2
    We already got jQuery 1.7.x - so please use .on() instead of .live(). – kaiser Mar 10 '12 at 18:50
  • @Kaiser: Oh, Sure! :) – Sisir Mar 11 '12 at 7:30

To get the "Use as featured Image" link you have to pass post_id to the media-upload.php file with the url so the request will be changed to:

var post_id = 234 // retrive the post id via php
var request = url.media_upload+'?post_id='+post_id+'type=image&TB_iframe=true';

Make sure you add the post_id very first of the url. It didn't worked for me when i added the post_id to the last of the url.

UPDATE: Some javascript handling will be needed for the ajax response. Still working on to figure out that part. I will update my answer if i can figure it out.

  • 1
    Did you ever figure out how to handle the ajax response? – Elliott Mar 23 '12 at 14:47

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.