下载文件选项（使用blob）与单个页面上的另一个表单提交选项一起出现。在表单提交之前选择下载选项时，将下载表单结果而不是在新选项卡中打开。
仅在Safari 中发生。其余的浏览器按预期工作。
示例jsfiddle - https://jsfiddle.net/e8n9982f/
var $button1 = $("#btn-1");
var $button2 = $("#btn-2");
// Save Locally
$button1.on('click', function() {
if (typeof(Blob) !== "undefined" && !!new Blob()) {
var codeToSave = '<!doctype html>' +
'<html lang="en">' +
'<head>' +
'</head>' +
'<body>' +
'<h1>Hello, world!</h1>' +
'</body>' +
'</html>';
var codeBlob = new Blob([codeToSave], {
type: "text/html"
});
var codeSaveAsURL = window.URL.createObjectURL(codeBlob);
var fileNameToSaveAs = "temp-file.html";
if (window.navigator && window.navigator.msSaveOrOpenBlob) { // For IE, Edge
window.navigator.msSaveOrOpenBlob(codeBlob, fileNameToSaveAs);
} else {
var downloadLink = document.createElement("a");
downloadLink.download = fileNameToSaveAs;
downloadLink.href = codeSaveAsURL;
downloadLink.style.display = "none";
document.body.appendChild(downloadLink);
downloadLink.click();
document.body.removeChild(downloadLink);
}
window.URL.revokeObjectURL(codeBlob);
codeSaveAsURL = null;
codeBlob = null;
}
return false;
});
// Open in JSFiddle
$button2.on('click', function() {
var form = document.createElement("form");
form.id = "submitToFiddle";
form.style.display = "none";
form.method = "post";
form.action = "https://jsfiddle.net/api/post/library/pure/";
form.target = "check";
// form.target = "_blank";
var input = document.createElement("textarea");
input.name = "html";
input.innerHTML = '<h1>Fiddle!</h1>';
document.body.appendChild(form);
form.appendChild(input);;
input = document.createElement("input");
input.type = "submit";
form.appendChild(input);
form.submit();
document.body.removeChild(form);
return false;
});
要在Safari中重现此问题，请先点击“本地保存”按钮，然后点击“在JSFiddle中打开”按钮。
如果先单击“在JSFiddle中打开”按钮，然后单击“本地保存”按钮，它将按预期工作。
我无法找到任何关于Safari为何如此表现的参考。
答案 0 :(得分：0)
除非我将目标设置为_self，否则无法解决。 但是我最近更新到了Safari 11.1.1，问题似乎已经解决