有没有办法让一个重定向的 html 页面作为图像的来源？答案

【问题标题】：Is there a way to have a redirecting html page as the source for an image?有没有办法让一个重定向的 html 页面作为图像的来源？
【发布时间】：2020-05-15 13:34:02
【问题描述】：

基本上，我想将 html 页面设置为图像的来源 - 然后此页面会重定向到文件夹中的随机图像。

我尝试只使用 html 页面作为源 - html 页面中的 JavaScript 工作正常 - 并重定向到随机图像

但是如何让它获取这张图片，而不是 html 页面本身呢？

【问题讨论】：

我认为您实际上并不需要 HTML 页面。可能只是一个响应随机图像的端点（URL）。响应可能会设置 HTTP 重定向标头，因此客户端会转到另一个 URL 来下载图像。关键是响应不能有 text/html 内容类型或客户端（浏览器）不禁将其解释为 HTML。
您不能在客户端使用 html 和 javascript 执行此操作。它必须通过 PHP、java 和任何其他服务器端语言在服务器中完成。
我不认为img src元素可以这样使用。

标签： javascript css image random

【解决方案1】：

但是如何让它获取这张图片，而不是 html 页面本身呢？

这就是重点。浏览器查看内容类型标题以了解如何显示内容。如果他们看到“text/html”，他们会忍不住显示页面本身，它有客户端 JavaScript 进行重定向并不重要 - 初始请求已经获得 HTML 作为响应。如果您使用img 元素发出这些请求，那将只是一个错误，因为浏览器不知道如何“绘制 HTML”，只知道图像（也应设置正确的内容类型）。

我相信您需要为您的端点设置适当的服务器端逻辑。它可以设置指向随机图像 URL 的 Location 标头。

【讨论】：