Отображение изображения с удаленного сервера:
<img src="http://remotehost/path/to/a.png" alt="Image A" />
Однако, если доступ к текущей странице через HTTPS, связывание изображений через незашифрованный HTTP даст предупреждения о безопасности. Хотя я мог бы просто указать https://независимо от текущего протокола, делать это было бы расточительно, так как я действительно не хочу защищать передачу этого изображения, если это не необходимо (когда посетитель использует HTTPS).
Можно ли указать URL-адрес атрибута src тега img, чтобы протокол в URL-адресе был динамически выбран на основе протокола, используемого для доступа к текущей странице? Чтобы проиллюстрировать, что я имею в виду:
<img src="(JavaScript window.location.protocol)//remotehost/path/to/a.png" alt="Image A" />
Что делать, если мы используем JavaScript? Мы могли бы дать тегу img идентификатор, чтобы мы могли его найти и установить src для запуска с помощью window.location.protocol.
Также можно использовать base64 для обхода проблемы HTTP/HTTPS в целом, но это не идеально для того, что я делаю.
Что вы, ребята, можете порекомендовать?