Using the WordPress 3.5 Media Uploader window as a modal popup

You can try the following script:

var MEDIAmedia_library: function() {
     var formfield = null;

     var wireframe;

     $('body').on('click', '#click-event-selector',function(e) {
         e.preventDefault();
         if (wireframe) {
             wireframe.open();
             return;
         }

         wireframe = wp.media.frames.wireframe = wp.media({
             title: 'Media Library Title',
             button: {
                 text: 'Media Library Button Title'
             },
             multiple: false
         });

         wireframe.on('select', function() {
             attachment = wireframe.state().get('selection').first().toJSON();
             console.log(attachment);
             $('#input-field-selector').val(attachment.url);
         });

         wireframe.open();
     });
    }

#click-event-selector your click event selector

#input-field-selector your input field value to insert selected object properties

You can also wrap this function in any jquery modal

Reference WordPress 3.5 Media Uploader

Leave a Comment