Wordpress admin lightbox function

main.js

/**
 * Simple wrapper to use the media lightbox in custom scripts
 *
 * Usage:
 *
 * openMediaLightbox(function(attachment) {
 *   // do something with attachment
 * })
 */
!function($) {

  'use strict';

  var file_frame

  var openMediaLightbox = function(cb) {
    // If the media frame already exists, reopen it
    if (file_frame) {
      file_frame.open()
      return
    }

    // Create the media frame
    file_frame = wp.media.frames.file_frame = wp.media({
        title: $(this).data('uploader-title')
      , button: {
          text: $(this).data('uploader-button-text')
        }
      , multiple: false
    })

    file_frame.open()

    // callback once the file is selected
    file_frame.on('select', function() {
      var attachment = file_frame.state().get('selection').first().toJSON()
      cb(attachment)
    })
  }

  // export
  window.openMediaLightbox = openMediaLightbox

}(window.jQuery);