Wordpress wp.media Upload image

Question

Ok here is my code - stock standard and works if I simply select an existing image

 jQuery(function($){
 var file_frame;

 $('#upload-button').on( 'click', function( e ){
    e.preventDefault();
      // If the media frame already exists, reopen it.
if ( file_frame ) {
  file_frame.open();
  return;
}
 // Create a new media frame
file_frame = wp.media({
  title: 'Select or Upload Media Of Your Chosen Persuasion',
  button: {
    text: 'Use this media'
  },
  multiple: false  // Set to true to allow multiple files to be selected
});

 file_frame.on('open', function(){
     console.log("inside open");

 });
    file_frame.on('update', function(){
     console.log("inside update");
 });
file_frame.on('select', function(){

        // This will return the selected image from the Media Uploader, the result is an object
        var uploaded_image = file_frame.state().get('selection').first();
        // We convert uploaded_image to a JSON object to make accessing it easier
        // Output to the console uploaded_image
        console.log(uploaded_image);
        var image_url = uploaded_image.toJSON().url;
        // Let's assign the url value to the input field
        $('#image-url').val(image_url);
    });
    file_frame.open();
});
});

But if I goto drag and drop an image in there the image is uploaded but an error is returned "An error occurred in the upload. Please try again later."

What have I missed, I'm assuming its some kind of refresh for the existing media selection window and my googling has not turned up anything.

Cheers

EDIT

I have tried several things to get the uploaded image to be shown in the media frame once uploaded. Not having much success. As I said it appears the image is uploaded and added to the media library but I am missing a refresh or reload of the frame to show the image.

Any one have experience with or know another place to go look?

It's for of front or back form ?

Nozifel
– Nozifel

2015-10-25 09:40:44 +00:00
Commented Oct 25, 2015 at 9:40 — Nozifel
– Nozifel, Commented Oct 25, 2015 at 9:40
back end form. specifically a plugin I am writing.

David
– David

2015-10-25 22:50:23 +00:00
Commented Oct 25, 2015 at 22:50 — David
– David, Commented Oct 25, 2015 at 22:50
try this code : stackoverflow.com/questions/22874469/…

Ravi Patel
– Ravi Patel

2015-11-03 09:29:09 +00:00
Commented Nov 3, 2015 at 9:29 — Ravi Patel
– Ravi Patel, Commented Nov 3, 2015 at 9:29

Anna Ericson · Accepted Answer · 2018-10-20 09:16:18Z

3

Maybe this call when everything is 'done':

if(wp.media.frame.library) wp.media.frame.library.props.set({ignore: (+ new Date())});

Or if you need to separate the library Grid modal from media upload (edit post) modal:

if(wp.media.frame.library){
    wp.media.frame.library.props.set({ignore: (+ new Date())});
  } else if(wp.media.frame.content.get().collection){
    wp.media.frame.content.get().collection.props.set({ignore: (+ new Date())});
    wp.media.frame.content.get().options.selection.reset();
}

answered Oct 20, 2018 at 9:16

Anna Ericson

516 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Wordpress wp.media Upload image

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related