js/dnxasi_uploader_modal.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
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);
  });

});