html创建文件自动命名,文件 - 创建与重命名《 HTML5：文件系统 》

文件的基本操作跟目录的操作操作是差不多的， 而且很多方法的名称和用法都是一样的。接下来的视频里，我们可以来快速的演示一下创建，重命名，移动，复制，还有删除文件 ..

先用前面视频里介绍的方法去创建一个文件 ... 可以使用目录的 getFile 方法 ... 它的第一个参数就是想要创建或者获取的文件的名称 ... 选项参数里，create 属性的值是 true ，所以，如果文件不存在的话，就会去创建一个 ...

我们在根目录下，创建一个叫 log.txt 的文件 ... 然后把它输出到控制台上 ...

/* 获取或创建文件 */

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

{create: true, exclusive: false},

function (fileEntry) {

console.log(fileEntry);

}, onError);

保存，回到浏览器 ... 刷新 ... 在控制台上，会显示刚刚创建的这个 log.txt 文件 ... 下面去改一下它的名字 ... 用的是 File Entry 的 moveTo 方法 ..

(#script.js)先获取到想要修改名字的文件 ... 也就是这个 log.txt 方法 ... 这里我们把 create 属性的值改成 false ... 这样不会去创建这个文件 ...

在成功以后执行的函数里，调用获取到的文件的 moveTo 方法 ... 指定一下重命名以后文件所在的父目录，这里我们不想改变文件的位置，所以可以用一个 fileSystem.root ，表示文件的根目录 ...

然后是文件重命名以后的名字 ... 把 log.txt ，改成 data.txt ... 成功以后去执行一下匿名函数 ... 失败的时候，去执行 onError ...

把重命名返回的文件传递给这个成功以后执行的函数里 ... 在控制台上输出这个文件 ...

/* 文件的重命名 */

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

{create: false, exclusive: false},

function (fileEntry) {

fileEntry.moveTo(fileSystem.root, 'data.txt', function (renamedFile) {

console.log(renamedFile);

}, onError);

}, onError);

保存，再到浏览器上看一下 ... 你会发现在控制台上输出的文件的名字是 data.txt ...