Открыть встроенное изображение как новую вкладку в Chrome и IE 11

Question

Я пытаюсь открыть встроенное изображение PNG в новой вкладке в Chrome и IE 11.

В IE 11 вкладка открывается, но изображение не отображается.

В Chrome вкладка не открывается, однако щелчок правой кнопкой мыши и «Открыть в новой вкладке» работают.

<a href="data:image/png;base64,iVBORw0KGgoAA ..... kJggg==" width="40%" target="_blank"> image </a>

Я надеюсь, что у кого-то есть идея, что здесь происходит.

Answer 1

Это происходит потому, что браузеры блокируют навигацию по верхнему фрейму к URL-адресам данных.Для получения дополнительной информации установите флажок Намерение отменить и удалить. Навигация в верхнем фрейме по URL-адресам данных .

Как правило, чтобы обойти это, у вас есть несколько вариантов:

• Сохранение изображений на сервере и их передача по обычной схеме (http, https, ftp).

• Откройте новую вкладку, используя window.open(), и напишите разметку <img src="data:...">.

• Заставить браузеры загрузить изображение, добавив в ссылку атрибут download.