Skip to content

Instantly share code, notes, and snippets.

@rhinkle
Created April 13, 2015 18:43
Show Gist options
  • Save rhinkle/37afcf73a9e65bfcd0d7 to your computer and use it in GitHub Desktop.
Save rhinkle/37afcf73a9e65bfcd0d7 to your computer and use it in GitHub Desktop.
jQuery(document).ready(function($){
// Uploading files
var file_frame;
$('.remove_image_button').live('click', function( event ){
event.preventDefault();
var upload_id = $( this ).data( 'upload_id' );
var upload_url = $( this ).data( 'upload_url' );
//alert(upload_id + upload_url);
$( '#' + upload_id ).attr('value',"");
$( '#' + upload_url ).html("");
});
$('.upload_image_button').live('click', function( event ){
event.preventDefault();
var upload_id = $( this ).data( 'upload_id' );
var upload_url = $( this ).data( 'upload_url' );
// 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 // Set to true to allow multiple files to be selected
});
// When an image is selected, run a callback.
file_frame.on( 'select', function() {
// We set multiple to false so only get one image from the uploader
attachment = file_frame.state().get('selection').first().toJSON();
// Do something with attachment.id and/or attachment.url here
$( '#' + upload_id ).val( attachment.id );
$( '#' + upload_url ).html( attachment.url );
});
// Finally, open the modal
file_frame.open();
});
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment