javascript - 在内部网站上访问外部图片 URL 时出现 403 错误

Question

我一直在开发这个允许用户点击按钮查看图像的内部网络应用程序。非常简单。

<img id="swatchimage" width="600" height="600" src="" />

图像需要从外部网站链接。执行此操作的一段 javascript 是:

$("#swatchimage").attr("src", fileURL);

其中一个 URL 如下所示:

如果您尝试在浏览器中访问上面的图像，它可以正常工作。 从内部应用程序(IP:192.168.110.15)访问它时，服务器返回 403 错误。

相同的文件在主网站中使用，所以我不认为这是关于热链接保护(我也试图禁用它，但无济于事)。

链接此类资源时是否存在我不知道的某些限制？

Answer 1

我想我发现了问题:

服务器 (cdn.palmcentre.co.uk) 没有发送 Access-Control-Allow-Origin响应中的 header ，因此您不能使用 JavaScript 来获取它。

但是，这不是 403 .这是我得到的错误的屏幕截图:

此外，您要做的是不是获取图像，而是修改 src <image> 的属性元素，应该允许。

这让我觉得你得到的错误是因为 jQuery 试图获取图像，但失败了，但我不确定。

尝试这样做:

document.getElementById("#swatchimage").src = fileURL;