Я пытаюсь открыть встроенное изображение PNG на новой вкладке в Chrome и IE 11.
В IE 11 вкладка открывается, но изображение не отображается.
В Chrome вкладка не открывается, однако правый клик и "Открыть в новой вкладке" работает.
<a href = "data:image/png;base64,iVBORw0KGgoAA ..... kJggg= = " width = "40%" target = "_blank"> image </a>
Я надеюсь, что у кого-то есть идея, что здесь происходит.
🤔 А знаете ли вы, что...
JavaScript поддерживает работу с куки и хранилищем веб-браузера для сохранения данных на клиентской стороне.
Это происходит потому, что браузеры блокируют навигацию по верхнему фрейму к URL-адресам данных. Для получения дополнительной информации проверьте Намерение устареть и удалить: навигация по верхнему фрейму к URL-адресам данных.
Как правило, чтобы обойти это, у вас есть несколько вариантов:
Сохраняйте изображения на сервер и обслуживайте их по обычной схеме (http, https, ftp).
Откройте новую вкладку с помощью window.open() и напишите разметку <img src = "data:...">.
Заставьте браузеры загружать изображение, добавив к ссылке атрибут download.