这是我的jQuery代码：

$(document).ready(function () {
    var mediaUploader;
    $("#upload-button").on("click",function (e) {
        e.preventDefault();
        if (mediaUploader) {
            mediaUploader.open();
            return;
        }

        mediaUploader = wp.media.frames.file_frame = wp.media({
            title: 'Choose ...',button: {
                text: 'banner'
            },multiple: false
        });

         mediaUploader.on("select",function () {
             attachment = mediaUploader.state().get("selection").first().toJSON();
             $("#pageBannerBackground").val(attachment.url);
         });
         mediaUploader.open();
    });
});

这是我编写的PHP代码。选择照片并进行裁剪时，输出不是我裁剪的，而是主要照片。

    function mehrAmoz_page_banner_background() {
    $pageBannerBackground = esc_attr(get_option('pageBannerBackground'));
    echo "<h3 class=' btn btn--blue'>Background</h3>";
    echo "<div><input class='btn btn--small btn--beige' type='button' value='upload' id='upload-button'><input type='hidden' name='pageBannerBackground' id='pageBannerBackground' value='{$pageBannerBackground}'></div>";
    echo "<img class='homepageBanner' src='{$pageBannerBackground}'>";
}