target="_blank" 在 chrome 中不起作用？

Question

單擊此文本時，我嘗試顯示 base64 源圖像。 但它不適用於 chrome。 標簽打開新標簽。 但是 href 不在 url 中。

我的 HTML 代碼：

<div>
  <p>Taken from wikpedia</p>
  <a href="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUA
    AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
        9TXL0Y4OHwAAAABJRU5ErkJggg==" target="_blank">Please Click here</a>
</div>

如何解決這個問題？

Answer 1

既然你想用 javascript 做到這一點，你可以試試這個：

var image = new Image();

image.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==';

var _window = window.open('');
_window.document.write(image.outerHTML);

Answer 2

您不能將 url 數據打開為空白。 這是禁止的。

可以在此處查看此討論https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/GbVcuwg_QjM%5B1-25%5D

Answer 3

頂級數據 URI 不起作用。 如果是這樣，創建惡意鏈接就太容易了。