尝试使用 TS 和 HTML5 创建文本文件

Question

在我的应用程序中，我收到一个 string 需要保存到本地计算机。我'，正在阅读 this 指南（html5 文件系统教程）。问题我必须使用 TS ("typescript": "2.6.1") 并且看起来 API 的一部分不受支持。下面这行给出了两个错误：

  window.requestFileSystem(window.TEMPORARY, 1024*1024, onInitFs, this.errorHandler);

第一个：

[ts] Property 'requestFileSystem' does not exist on type 'Window'.

秒：

[ts] Property 'TEMPORARY' does not exist on type 'Window'.

任何解决方法或更新的文档？ PS 我知道这仅在 Chrome.

中受支持

Answer 1

这个API目前只有supported in Chrom，在其他浏览器中不起作用。但是，如果您使用 Chrome，则必须使用此函数的 prefixed 版本，即 webkitRequestFileSystem:

var requestFileSystem = window.requestFileSystem || window.webkitRequestFileSystem;

支持也适用于 window.TEMPORARY。

现在，如果你想创建一个文件并在其中写入一些内容，你必须创建一个所谓的 writer 对象：

function onInitFs(fs) {
  fs.root.getFile('my-file.txt', {create: true}, function(fileEntry) {
    fileEntry.createWriter(function(fileWriter) {
      fileWriter.onwriteend = function(e) {
        ...
      };

      fileWriter.onerror = function(e) {
        ...
      };

      var blob = new Blob(['Content that goes into the file'], {type: 'text/plain'});

      fileWriter.write(blob);
    }, errorHandler);
  }, errorHandler);
}

requestFileSystem(window.TEMPORARY, 1024*1024, onInitFs, errorHandler);

有关 FileSystemFileEntry API 的更多信息，请查看 this link。

尝试使用 TS 和 HTML5 创建文本文件

Trying to create a text file using TS and HTML5

html

html5-filesystem

typescript