我在两个标签中有同一个 Blob URL。
其中一个标签带有target="_blank"以在新选项卡中打开链接,另一个标签用于下载。
"下载"没问题,但是“在新选项卡中打开”只在 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的bug吗?(我的Chrome版本为:54.0.2840.99 x64)
这里有一个实时演示: