Wordpress media manager multiple selection output

Question

I'm trying to use media manager in metabox, and I need to use multiple select. I just have problem with doing output from that selection. I need element in metabox to hold all selected files urls. My code is here:

jQuery(document).ready(function($){
var custom_uploader;
$('#upload_image_button').click(function(e) {
    e.preventDefault();
    //If the uploader object has already been created, reopen the dialog
    if (custom_uploader) {
        custom_uploader.open();
        return;
    }
    //Extend the wp.media object
    custom_uploader = wp.media.frames.file_frame = wp.media({
        title: 'Choose Image',
        button: {
            text: 'Choose Image'
        },
        multiple: true
    });
    custom_uploader.on('select', function() {
        selection.map( function( attachment ) {
        attachment = attachment.toJSON();
        $("#obal").after("<img src=" +attachment.url+">");
        });
    });
    custom_uploader.open();
});
});

What's wrong with it?

StrangeWind · Accepted Answer · 2017-01-23 22:37:19Z

It was just my mistake... I've forgotten improve var selection

jQuery(document).ready(function($){
  var custom_uploader;
  $('#upload_image_button').click(function(e) {
    e.preventDefault();
    //If the uploader object has already been created, reopen the dialog
    if (custom_uploader) {
      custom_uploader.open();
      return;
    }
    //Extend the wp.media object
    custom_uploader = wp.media.frames.file_frame = wp.media({
      title: 'Choose Image',
      button: {
        text: 'Choose Image'
      },
      multiple: true
    });
    custom_uploader.on('select', function() {
      var selection = custom_uploader.state().get('selection');
      selection.map( function( attachment ) {
        attachment = attachment.toJSON();
        $("#obal").after("<img src=" +attachment.url+">");
      });
    });
    custom_uploader.open();
  });
});

works like charm, edited little bit to fit with my requirement, thanks — Mohammed Sufian
– Mohammed Sufian, Commented Sep 9, 2016 at 17:58

Stack Exchange Network

Wordpress media manager multiple selection output

1 Answer 1

Your Answer

Hot Network Questions

Wordpress media manager multiple selection output

1 Answer 1

Your Answer

Sign up or log in

Post as a guest

Related

Hot Network Questions