下载文件选项(使用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, …Run Code Online (Sandbox Code Playgroud)