php - WordPress wp.media 上传图片

Question

好的，这是我的代码 - 股票标准，如果我简单地选择现有图像就可以工作

 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();
});
});

但是如果我将图像拖放到其中，图像就会上传，但会返回错误“上传时发生错误。请稍后再试。”

我错过了什么，我假设它对现有媒体选择窗口进行了某种刷新，而我的谷歌搜索没有发现任何内容。

干杯

编辑

我尝试了几种方法来使上传的图像在上传后显示在媒体框架中。没有取得太大成功。正如我所说，图像似乎已上传并添加到媒体库中，但我缺少刷新或重新加载框架以显示图像。

有人有经验或知道另一个可以去的地方吗？

Answer 1

也许当一切都“完成”时这个调用:

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

或者，如果您需要将库网格模式与媒体上传(编辑帖子)模式分开:

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();
}