用户登录

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

先用前面视频里介绍的方法去创建一个文件 ... 可以使用目录的 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 ...

文件 - 创建与重命名《 HTML5:文件系统 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点