问题:点击一个下载内容的链接后的,所有其他有target="_blank“且没有下载的链接点击就可以下载,而不是打开新的选项卡。
浏览器: Safari 11.0.2
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<h3>Instructions</h3>
<ul>
<li>Click <a href='sample.txt' target='_blank'>ME</a> (download NOT present) to see page load in new tab then come back to this page</li>
<li>Click <a href='sample.txt' download='sample.txt'>ME</a> (download PRESENT) to see it downloaded</li>
<li>Click <a href='sample.txt' target='_blank'>ME</a> (download NOT present). Safari forces this link to download</li>
</ul>
</body>
</html>
代码示例: https://embed.plnkr.co/IscC6LTTmpEbAMLrxyYJ/
复制:
更新:I更新了这个问题,希望能更好地解释正在发生的事情。我已经找到了一种解决办法,但是如果我更改到_self的链接而不是_blank,那么它们在下载之后就会正常工作。
发布于 2018-06-28 19:19:14
不是一个真正的答案,但在向苹果报告了问题并等待之后,我们现在有了Safari 11.1.1,它似乎已经解决了问题,所以标记解决了。
发布于 2018-03-04 04:20:59
关于上面提到的问题,您可以选择下载一个文件:
打开同一窗口中的文件:
<a href="sample.txt" target="_self">Click to Download</a>新窗口中的打开文件:
<a href="sample.txt" target="_blank">Click to Download</a>强制文件下载窗口:
但是,如果您希望通过提示下载弹出框(打开或保存)强制文件下载,则只需将“下载”添加到链接中,如下所示:
<a href="sample.txt" download>Click to Download</a>因此,您所编辑的代码可能如下所示:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<h3>Instructions</h3>
<ul>
<li>Click <a href='sample.txt' target='_blank'>ME</a> (download NOT present) to see page load in new tab then come back to this page</li>
<li>Click <a href='sample.txt' download='sample.txt'>ME</a> (download PRESENT) to see it downloaded</li>
<li>Click <a href='sample.txt' download>ME</a> (download NOT present). Safari forces this link to download</li>
</ul>
</body>
</html>希望这对你有帮助!
https://stackoverflow.com/questions/48350009
复制相似问题