HTML5 本地文件操作之FileSystemAPI实例(四)

目录操作Demo二

1.删除目录

window.requestFileSystem = window.requestFileSystem || window.webkitRequestFileSystem;
window.requestFileSystem(window.PERSISTENT, 5 * 1024, initFs, errorHandler);
function initFs(fs) {
    //删除目录,子目录创建需要递归,获取可以直接指定‘/‘
    //如果子目录不存在,抛出删除异常
    fs.root.getDirectory(‘musi/genres/jazz‘, {}, function (dirEntry) {
        dirEntry.remove(function () {
            console.log(‘删除目录成功‘);
        }, errorHandler);
    },errorHandler)

    //以递归的方式,删除目录以及子目录
    //这种删除,如果目录中有文件也直接删除
    fs.root.getDirectory(‘mymove/‘, {}, function (dirEntry) {
        dirEntry.removeRecursively(function () {
            console.log(‘删除目录成功:‘ + dirEntry.name);
        }, errorHandler);
    }, errorHandler)
}
function errorHandler(err) {
    console.error(err);
}

2.复制、移动、重命名文件夹

window.requestFileSystem = window.requestFileSystem || window.webkitRequestFileSystem;
window.requestFileSystem(window.PERSISTENT, 1024 * 1024 * 5, initFs, errorHandler);
function initFs(fs) {
    //复制移动操作,如果没有提供新名字,系统默认使用原名
    //复制目录,如果目录已经存在复制失败
    fs.root.getDirectory(‘MyPictures‘, { create: true }, function (dirEntry) {
        dirEntry.copyTo(fs.root, ‘txt_2‘, function (dirEntiry) {
            console.log(‘复制成功:‘ + dirEntiry.fullPath);
        }, errorHandler);
    }, errorHandler);
    //移动目录
    fs.root.getDirectory(‘txt_1‘, { create: false }, function (dirEntry) {
        fs.root.getDirectory(‘MyPictures‘, { create: false }, function (dirEntry2) {
            dirEntry.moveTo(dirEntry2, ‘txt_1_move‘, function (dirEntry) {
                console.log(‘移动目录成功:‘ + dirEntry.fullPath);
            }, errorHandler);
        }, errorHandler)
    }, errorHandler)
    //重命名,如果移动的目录相同,名字不同,当做重命名处理
    fs.root.getDirectory(‘txt_2‘, {}, function (fileEntry) {
        fileEntry.moveTo(fs.root, ‘txt_2_rename‘);
        console.log(‘重命名成功‘);
    }, errorHandler)
}
function errorHandler(err) {
    console.error(err);
}

更多:

HTML5 本地文件操作之FileSystemAPI实例(三)

HTML5 本地文件操作之FileSystemAPI实例(二)

HTML5 本地文件操作之FileSystemAPI实例(一)

时间: 2024-10-27 01:58:05

HTML5 本地文件操作之FileSystemAPI实例(四)的相关文章

HTML5 本地文件操作之FileSystemAPI实例(二)

文件操作实例整理二 1.删除文件.复制文件.移动文件 //获取请求权限 window.requestFileSystem = window.requestFileSystem || window.webkitRequestFileSystem; window.requestFileSystem(window.TEMPORARY, 5 * 1024, initFs, errorHandler); function initFs(fs) { //删除文件 fileEntry.remove() fs.

HTML5 本地文件操作之FileSystemAPI实例(三)

文件夹操作demo 1.读取根目录文件夹内容 window.requestFileSystem = window.requestFileSystem || window.webkitRequestFileSystem; window.requestFileSystem(window.PERSISTENT, 5 * 1024, initFs, errorHandler); function initFs(fs) { //显示根目录下的内容 var dirReader = fs.root.creat

HTML5 本地文件操作之FileSystemAPI整理(一)

一.请求配额 DeprecatedStorageInfo对象 window.webkitStorageInfo:当使用持久存储模式时需要用到该对象的接口 方法: 1.requestQuota(type,size,successCB,errorCB);请求配额 2.queryUsageAndQuota();获取配额信息 window.requestFileSystem(window.PERSISTENT, gratedBytes, initFs, errorHandler); DOMFileSys

HTML5 本地文件操作之FileSystemAPI整理(二)

一.文件目录操作 1.DirectoryEntry对象 四.URL相关 URLType 文件路径类型 说明:在文件系统中的文件路径需转换成URL格式,已方便runtime快速加载. RelativeURL 相对路径URL 说明:只能在扩展API中使用,相对于基座提供的特定目录,以"_"开头. 常量: "_www": (DOMString 类型 )应用资源目录 保存应用的所有html.css.js等资源文件,与文件系统中根目录PRIVATE_WWW一致,后面加相对路径

H5读取本地文件操作

H5读取本地文件操作 本文转自:转:http://hushicai.com/2014/03/29/html5-du-qu-ben-di-wen-jian.html感谢大神分享. 常见的语言比如php.shell等,是如何读取文件的呢? 实际上,大多数语言都需要先获取文件句柄,然后调用文件访问接口,打开文件句柄,读取文件! 那么,HTML5是否也是这样的呢? 答案是肯定的! HTML5为我们提供了一种与本地文件系统交互的标准方式:File Api. 该规范主要定义了以下数据结构: File Fil

Html5 本地文件读取 API 研究使用过程中的意外发现 - MDN

太阳火神的美丽人生 (http://blog.csdn.net/opengl_es) 本文遵循"署名-非商业用途-保持一致"创作公用协议 转载请保留此句:太阳火神的美丽人生 -  本博客专注于 敏捷开发及移动和物联设备研究:iOS.Android.Html5.Arduino.pcDuino,否则,出自本博客的文章拒绝转载或再转载,谢谢合作. 补充: 终于可以读出肉的眼能看懂的人类文字了!!! 经在 safari 7.0.4(9537.76.4) 测试,即使关闭 WebGL 支持,Fil

[JS进阶] HTML5 之文件操作(file)

前言 在 HTML 文档中 <input type="file"> 标签每出现一次,一个 FileUpload 对象就会被创建. 该元素包含一个文本输入字段,用来输入文件名,还有一个按钮,用来打开文件选择对话框以便图形化选择文件. 该元素的 value 属性保存了用户指定的文件的名称,但是当包含一个 file-upload 元素的表单被提交的时候,浏览器会向服务器发送选中的文件的内容而不仅仅是发送文件名. 当用户选择或编辑一个文件名,file-upload 元素触发 onc

前端本地文件操作与上传

前端无法像原生APP一样直接操作本地文件,否则的话打开个网页就能把用户电脑上的文件偷光了,所以需要通过用户触发,用户可通过以下三种方式操作触发: 通过input type="file" 选择本地文件 通过拖拽的方式把文件拖过来 在编辑框里面复制粘贴 第一种是最常用的手段,通常还会自定义一个按钮,然后盖在它上面,因为type="file"的input不好改变样式.如下代码写一个选择控件,并放在form里面: <form> <input type=&q

html5之文件操作

用来把文件读入内存,并且读取文件中的数据.FileReader接口提供了一个异步API,使用该API可以在浏览器主线程中异步访问文件系统,读取文件中的数据.到目前文职,只有FF3.6+和Chrome6.0+实现了FileReader接口. 1.FileReader接口的方法 FileReader接口有4个方法,其中3个用来读取文件,另一个用来中断读取.无论读取成功或失败,方法并不会返回读取结果,这一结果存储在result属性中. FileReader接口的方法 方法名 参数 描述 readAsB