javascript - 创建并下载一个简单的文件

Question

这显然是一个简化的测试，但如果可行，我也可以做我的。

我想创建一个包含字符串 code 的文件并下载 txt 文件。

txt 文件应该有 bla bla bla

$("button[id^='downloadTestCase-']").click(function() {
  var code = "bla bla bla"
  var file = new Blob([code], {
    type: 'text/plain'
  });
  window.open(URL.createObjectURL(file));


});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<button type="button" class="btn btn-rounded btn-danger-outline" id="downloadTestCase-Teste50" name="Teste50">Download</button>

Answer 1

您需要两个单独的代码块，因为 IE 使用 msSaveBlob :

document.getElementById('downloadTestCase-Teste50')
    .addEventListener('click', function () {
    var blob = new Blob(
        ['bla bla bla'],
        { type: 'text/plain' }
    );
    var filename = 'result.txt';
    if (window.navigator
        && typeof window.navigator.msSaveOrOpenBlob === 'function') {
        window.navigator.msSaveOrOpenBlob(blob, filename);
    }
    else {
        var objectURL = URL.createObjectURL(blob);
        var a = document.createElement('a');
        a.href = objectURL;
        a.download = filename;
        document.body.appendChild(a);
        a.click();
        URL.revokeObjectURL(objectURL);
    }
}, false);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<button type="button" class="btn btn-rounded btn-danger-outline" id="downloadTestCase-Teste50" name="Teste50">Download</button>