2つのタグに同じblob URLがあります。
1つのタグには、リンクを新しいタブで開くためのtarget = "_ blank"と、ダウンロードするためのもう1つのタグがあります。
「ダウンロード」は問題ありませんが、「新しいタブで開く」はFirefoxでのみ機能します。 Google Chromeでは、リンクをクリックした直後に点滅し、開いてから閉じます。
<a id="view" href="" target="_blank">View Blob in new tab</a>
<a id="download" href="" download="abc.txt">Download Blob</a>
<script>
$(function(){
var myBlob = new Blob(['Hello, I am Blob content'], {type: 'text/plain'})
var url = URL.createObjectURL(myBlob);
$("a#view").attr("href", url);
$("a#download").attr("href", url);
});
</script>
これはGoogle Chromeバグ?(私のChromeバージョンは54.0.2840.99 x64)
ライブデモはこちら:
原因はAdBlockである可能性があります。 StackOverflowでの議論があります: Chromeでblob objectURLを開く 。
AdBlockを無効にするには、ロケーションバーの横にあるAdBlockアイコンをクリックして、[このページで実行しない]または[このドメインのページで実行しない]をクリックします。