web-dev-qa-db-ja.com

Google Chrome新しいタブでblobを開けません

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)

ライブデモはこちら:

https://jsfiddle.net/fa0kstm5/

11

原因はAdBlockである可能性があります。 StackOverflowでの議論があります: Chromeでblob objectURLを開く

AdBlockを無効にするには、ロケーションバーの横にあるAdBlockアイコンをクリックして、[このページで実行しない]または[このドメインのページで実行しない]をクリックします。

46
Raffi