是否可以只使用JavaScript将数据写入文件？

提问者：小点点

是否可以只使用JavaScript将数据写入文件？

我想使用JavaScript将数据写入现有文件。我不想打印在控制台上。我想实际将数据写入abc.txt。我读了许多回答问题，但每一个地方，他们是打印在控制台。在某些地方，他们给出了代码，但它不起作用。所以请任何一个可以帮助我如何实际写入数据到文件。

我引用了代码，但它不起作用:它给出了错误:

未捕获的TypeError:非法构造函数

在chrome和

SecurityError:操作不安全。

关于Mozilla

var f = "sometextfile.txt";

writeTextFile(f, "Spoon")
writeTextFile(f, "Cheese monkey")
writeTextFile(f, "Onion")

function writeTextFile(afilename, output)
{
  var txtFile =new File(afilename);
  txtFile.writeln(output);
  txtFile.close();
}

那么，我们到底能不能只使用Javascript将数据写入文件呢？

共3个答案

匿名用户

对此的一些建议--

如果您试图在客户端计算机上写入文件，则不能以任何跨浏览器的方式执行此操作。 IE确实有使“受信任的”应用程序使用ActiveX对象读/写文件的方法。
如果您试图将其保存在服务器上，那么只需将文本数据传递到服务器，然后使用某种服务器端语言执行文件编写代码。
要在相当小的客户端存储一些信息，可以使用cookie.
将HTML5 API用于本地存储。

匿名用户

您可以使用blob和url.CreateObjecturl在浏览器中创建文件。最近的所有浏览器都支持这一点。

你不能直接保存你创建的文件，因为那样会引起很大的安全问题，但是你可以为用户提供一个下载链接。在支持下载属性的浏览器中，您可以通过链接的download属性建议文件名。与任何其他下载一样，下载文件的用户将对文件名拥有最终决定权。

var textFile = null,
  makeTextFile = function (text) {
    var data = new Blob([text], {type: 'text/plain'});

    // If we are replacing a previously generated file we need to
    // manually revoke the object URL to avoid memory leaks.
    if (textFile !== null) {
      window.URL.revokeObjectURL(textFile);
    }

    textFile = window.URL.createObjectURL(data);

    // returns a URL you can use as a href
    return textFile;
  };

下面是一个使用此技术从textarea中保存任意文本的示例。

如果您想立即启动下载，而不是要求用户点击某个链接，那么您可以像LifeCube的答案所做的那样，使用鼠标事件来模拟鼠标点击该链接。我创建了一个使用此技术的更新示例。

  var create = document.getElementById('create'),
    textbox = document.getElementById('textbox');

  create.addEventListener('click', function () {
    var link = document.createElement('a');
    link.setAttribute('download', 'info.txt');
    link.href = makeTextFile(textbox.value);
    document.body.appendChild(link);

    // wait for the link to be added to the document
    window.requestAnimationFrame(function () {
      var event = new MouseEvent('click');
      link.dispatchEvent(event);
      document.body.removeChild(link);
    });

  }, false);

匿名用户

如果您谈论的是浏览器javascript，出于安全原因，您不能将数据直接写入本地文件。 HTML5新API只能允许您读取文件。

但如果你想写数据，并使用户下载作为一个文件到本地。下面的代码可以工作:

    function download(strData, strFileName, strMimeType) {
    var D = document,
        A = arguments,
        a = D.createElement("a"),
        d = A[0],
        n = A[1],
        t = A[2] || "text/plain";

    //build download link:
    a.href = "data:" + strMimeType + "charset=utf-8," + escape(strData);


    if (window.MSBlobBuilder) { // IE10
        var bb = new MSBlobBuilder();
        bb.append(strData);
        return navigator.msSaveBlob(bb, strFileName);
    } /* end if(window.MSBlobBuilder) */



    if ('download' in a) { //FF20, CH19
        a.setAttribute("download", n);
        a.innerHTML = "downloading...";
        D.body.appendChild(a);
        setTimeout(function() {
            var e = D.createEvent("MouseEvents");
            e.initMouseEvent("click", true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
            a.dispatchEvent(e);
            D.body.removeChild(a);
        }, 66);
        return true;
    }; /* end if('download' in a) */



    //do iframe dataURL download: (older W3)
    var f = D.createElement("iframe");
    D.body.appendChild(f);
    f.src = "data:" + (A[2] ? A[2] : "application/octet-stream") + (window.btoa ? ";base64" : "") + "," + (window.btoa ? window.btoa : escape)(strData);
    setTimeout(function() {
        D.body.removeChild(f);
    }, 333);
    return true;
}

要使用它:

下载('文件的内容‘，'filename.txt'，'text/plain')；