我的裁剪图像不会显示在 WordPress 主题管理面板中，带有手动图像裁剪

Question

这是我的 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 代码。 当我选择照片并裁剪它时，output 不是我裁剪的，而是主照片。

    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}'>";
}