HTML/JavaScript - 带有自动 http/https 前缀的远程 img src

HTML/JavaScript - Remote img src with automatic http/https prefix

本文关键字：前缀 img src https JavaScript HTML http      更新时间：2023-09-26

显示来自远程服务器的图像：

<img src="http://remotehost/path/to/a.png" alt="Image A" />

但是，如果通过 HTTPS 访问当前页面，则通过未加密的 HTTP 链接图像将产生安全警告。虽然无论当前协议如何，我都可以指定 https://，但这样做会浪费，因为我真的不在乎保护此图像的传输，除非有必要（当访问者使用 HTTPS 时）。

是否可以为 img 标记的 src 属性指定一个 URL，以便根据用于访问当前页面的协议动态选择 URL 中的协议？为了说明我的意思：

<img src="(JavaScript's window.location.protocol)//remotehost/path/to/a.png" alt="Image A" />

如果我们使用 JavaScript 会怎样？我们可以给 img 标签一个 id，以便我们可以找到它并将 src 设置为以 window.location.protocol 开头。

也可以使用 base64 完全绕过 HTTP/HTTPS 问题，但这对于我正在做的事情来说并不理想。

你们能推荐什么？

只需执行：

<img src="//remotehost/path/to/a.png" alt="Image A" />

如果文件在局域网上，则需要使用 file://协议在路径前添加 5 个斜杠所以我的服务器名称athensserver所以f://///athensserver/（你在这里分享的任何内容）

file://///athensserver/athens/0/e1.png"
相关文章：