Question

新WordPress 3.5中的Media Uploader几乎没有问题。我创建了自己的插件，上传图片。我正在使用这段代码JS：

<script type="text/javascript">
    var file_frame;

    jQuery('.button-secondary').live('click', function( event ){

        event.preventDefault();

        if ( file_frame ) {
            file_frame.open();
            return;
        }

        file_frame = wp.media.frames.file_frame = wp.media(
            {
                title: 'Select File',
                button: {
                    text: jQuery( this ).data( 'uploader_button_text' )
                },
                multiple: false
            }
        );

        file_frame.on('select', function() {
            attachment = file_frame.state().get('selection').first().toJSON();
            jQuery('#IMGsrc').val(attachment.url);
        });

        file_frame.open();
    });
</script>

代码工作正常，但不幸的是表单似乎不完整。当我选择任何图片时，右边没有显示“附件显示设置”。我不知道为什么。我尝试向媒体添加选项：

displaySettings: true,
displayUserSettings: true

但它也行不通。

Answer 1

网页上是否包含<script type="text/html" id="tmpl-attachment-details">...模板？如果没有，你需要调用wp_print_media_templates（），从wp-includes / media-template.php中编写样式

Answer 2

这是我使用的代码。资料来源：http://mikejolley.com/2012/12/using-the-new-wordpress-3-5-media-uploader-in-plugins/它似乎工作得很好，但左边的侧边栏丢失了。（故意，但我不想要它。）

<?php wp_enqueue_media(); ?>

<script>

function showAddPhotos() {

// Uploading files
var file_frame;

// 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: jQuery( this ).data( 'uploader_title' ),
  button: {
    text: jQuery( this ).data( 'uploader_button_text' ),
  },
  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
});

// Finally, open the modal
file_frame.open();

}
</script>

在Wordpress 3.5上以自己的插件显示媒体上传器

2 个答案: