Question

这可能是一个愚蠢的问题，但我无法解决这个问题，所以我需要一些帮助。我为我的网站制作了一个完全自定义的个人资料页面，在后端工作正常，现在，当我从前端页面调用该函数时，一切正常，但无法启动mediauploader

这是我的js代码

$('document') .ready( function(){
    /*snippet for media uploader */
    var mediaUploader;
    $('#upload-button').click(function(e) {
        e.preventDefault();
        if (mediaUploader) {
            mediaUploader.open();
            return;
        }
        mediaUploader = wp.media.frames.file_frame = wp.media({
            title: 'Choose Image',
            button: {
                text: 'Choose Image'
            }, multiple: false });
        mediaUploader.on('select', function() {
            var attachment = mediaUploader.state().get('selection').first().toJSON();
            console.log( attachment.url);
            $('#image_url').val(attachment.url);
            $("#propic").attr('src', $('#image_url').val());
        });
        mediaUploader.open();
    });
    /*snippet for media uploader */

，php代码是

<?php
      global $wpdb;
wp_enqueue_media();
?>
<span class="profile-picture text-center">
          <img class="img-responsive" id="propic" src="<?php echo (get_the_author_meta('image_url', $user->ID)) ? esc_attr(get_the_author_meta('image_url', $user->ID)) : get_template_directory_uri() . '/img/avatar.png' ?>"
               style="max-width: 200px; max-height: 200px; margin: auto;">
        </span>

当我点击上传照片时出现错误

Uncaught TypeError: Cannot read property 'frames' of undefined

如果它是帖子那么可能只是

 wp_enqueue_media( array('post'=> $post->ID) );

将解决这个问题，但我能为头像图片做些什么？

请帮助，谢谢。

如何从wordpress网站

0 个答案: