From e8ea87943791cd08759880c3243316c8bd34983e Mon Sep 17 00:00:00 2001 From: danix Date: Wed, 4 Jul 2018 17:41:51 +0200 Subject: initial commit --- js/dnxasi_uploader_modal.js | 48 +++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 48 insertions(+) create mode 100644 js/dnxasi_uploader_modal.js (limited to 'js') diff --git a/js/dnxasi_uploader_modal.js b/js/dnxasi_uploader_modal.js new file mode 100644 index 0000000..4d24d60 --- /dev/null +++ b/js/dnxasi_uploader_modal.js @@ -0,0 +1,48 @@ +/* + * Adapted from: http://mikejolley.com/2012/12/using-the-new-wordpress-3-5-media-uploader-in-plugins/ + */ +jQuery(document).ready(function($){ +// Uploading files +var file_frame; + + $('#dnxasi_uploadimage').on('click', function( event ){ + + event.preventDefault(); + + // 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: data.frameTitle, + button: { + text: data.buttonText, + }, + 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 + $('#dnxasi_meta_signature').attr('value', attachment.url); + $('#dnxasi_signature_preview').attr('src', attachment.url); + }); + + // Finally, open the modal + file_frame.open(); + }); + + $('#dnxasi_deleteimage').on( 'click', function(event) { + event.preventDefault(); + + $('#dnxasi_meta_signature').attr('value', ''); + $('#dnxasi_signature_preview').attr('src', data.placeholder); + }); + +}); -- cgit v1.2.3