javascript - 使用来自 HTML 元素的数据创建 Javascript Blob()。然后将其下载为文本文件

Question

我正在使用 HTML5 网站在 textarea 元素中创建一个 log-per-say。我需要通过单击按钮从该区域提取数据，然后通过 .txt 文件将其下载到我的计算机。如果可能的话，我将如何去做？

HTML:

<input type="button" onclick="newBlob()" value="Clear and Export">

Javascript:

function newBlob() {
    var blobData = document.getElementById("ticketlog").value;
    var myBlob = new Blob(blobData, "plain/text");
    blobURL = URL.createObjectURL(myBlob);
    var href = document.createElement("a");
    href.href = blobURL;
    href.download = myBlob;
    href.id = "download"
    document.getElementById("download").click();
}

我想如果我制作了 Blob，为它创建一个 URL，将 URL 映射到一个“a”元素，然后自动点击它，那么理论上它应该可以工作。显然我错过了一些东西。任何帮助都会很棒。本网站的第一个问题 btw:p

Answer 1

我想到的最简单的方法如下:

function download(text, filename){
  var blob = new Blob([text], {type: "text/plain"});
  var url = window.URL.createObjectURL(blob);
  var a = document.createElement("a");
  a.href = url;
  a.download = filename;
  a.click();
}

download("this is the file", "text.txt");

可能的 blob 文件类型列表:http://www.freeformatter.com/mime-types-list.html