jQuery基本身份验证不发送标头

Question

我使用PHP查询XML文件以生成缩略图库，当用户单击缩略图时，浏览器应从链接中提取图像并将其显示在预览区域中。我遇到的问题是，当我单击缩略图时，弹出框显示要求进行身份验证。我已编写此代码以在click事件中发送http标头。

jQuery(document).ready(function($){
    jQuery('.id<?php echo $item[0][0]; ?>').click(function() {
        jQuery.ajax({
            url: "<php echo $item[5][0];?>",
            beforeSend: function (xhr) { xhr.setRequestHeader ("Authorization", "Basic <?php echo $base64; ?>") },
            type: "POST",
            async: true,
            crossDomain: true,
            data: {}
        })

    });
});

$ item数组由PHP中的foreach循环创建。 url：$ item [5] [0]包含要显示的图像的url链接。

[edit]图像托管在不同的域上。如果用户在浏览器中进行身份验证，则图像将显示在预览框中。如果用户未进行身份验证（这是jquery脚本应该执行的操作），则他们无法查看该图像（访问被拒绝）。