小编Ris*_*hia的帖子

Safari blob下载影响表单提交 - 结果表单发布后下载而不是在新标签中打开

下载文件选项(使用blob)与单个页面上的另一个表单提交选项一起出现.在表单提交之前选择下载选项时,将下载表单结果而不是在新选项卡中打开.

这只发生在Safari中.其余的浏览器按预期工作.

  • Safari版本11.0.1
  • macOS Sierra版本10.12.6

示例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)

javascript forms safari blob download

6
推荐指数
1
解决办法
175
查看次数

标签 统计

blob ×1

download ×1

forms ×1

javascript ×1

safari ×1