html内容写入txt文件内容,写入内容到文件里面 - FileWriter《 HTML5：文件系统 》

调用文件对象的 createWriter 方法，成功以后会返回一个 FileWriter 对象。使用这个对象，我们可以往文件里面写入内容。

代码

先获取到想要写入内容的文件 ... 比如我们想往根目录下面的 data.txt 这个空白的文件里添加点东西 ... 获取文件用的是目录对象的 getFile 方法 ...

成功以后，再去调用获取到的这个文件对象的 createWriter 方法 ... 调用成功，让它去执行一个匿名函数 ... 出现错误去执行 onError ...

创建文件写入器成功的话会返回一个 文件写入器 的对象 ... 我们把这个对象交给这个成功以后要执行的函数，作为它的一个参数 ... 这样在这个函数里面，我们可以使用这个文件写入器对象的方法往文件里写入内容。

/* 写入内容到 data.txt */

fileSystem.root.getFile('data.txt',

{create: false, exclusive: false},

function (fileEntry) {

fileEntry.createWriter(function (fileWriter) {

var blob = new Blob(['地心引力'], {type: 'text/plain'});

fileWriter.write(blob);

console.log('写入内容成功！');

}, onError);

}, onError);

先创建一个新的 blob ，要写入文件的内容是 地心引力 这几个字 ... blob 的类型是纯文本 ... 接着再去调用文件写入器的 write 这个方法来写入刚才创建的这个 blob 内容 ...

在控制台上再输出一个成功的提示 ...

预览

保存，回以浏览器 ... 刷新一下 ... 在控制台上你会看到 写入内容成功 ... 证明我们已经把设置的内容写入到了 data.txt 这个文件里面了 ...

在下面的视频里我们再去看一下怎么样读取到这个文件里的内容。