[学习笔记] 【学习笔记】「充实计划-每日打卡」0623 奖励方式：回复跟帖（只包含内容1奖励 ... [推广有奖]

41楼

HappyAndy_Lo 发表于 2019-6-23 14:15:53

昨日阅读实践3小时，累计538小时

创建文件

请求文件系统成功后，系统返回一个FileSystem对象
可在回调函数onInitFs中调用方法fs.root.getFile( )为创建的文件命名。

windows.requestFileSystem(window.TEMPORARY, 1024*1024, onInitFs, errorHandler);
function onInitFs(fs){

fs.root.getFile('log.txt', (create: true, exclusive: true}, function(fileEntry){

console.log('文件创建成功!');
console.log('fileEntry.isFile='+fileEntry.isFile);
console.log('fileEntry.name='+fileEntry.name);
console.log('fileEntry.fullPath='+fileEntry.fullPath);

}, errorHandler);

}
这里fs.root.getFile( )方法有三个参数，第一个指定文件名称，第二个参数“create:true"表示当文件不存在时创建文件，如果为false则仅获取并返回文件。”exclusive:true"表示当文件存在时引发错误。第三个参数是执行成功后的回调函数，同时返回FileEntry对象。FileEntry对象包含标准文件系统中的属性和方法。

写入文件

文件创建成功后，就可以开始写入文件了。
FileEntry对象有一个createWriter( )方法用于创建一个FileWriter对象，使用该对象的write( )方法即可将数据写入到文件中。

向文件中追加数据
（首先设置getFile( )方法的create为false，文件存在时，仅返回文件即可，其次还需要设置FileWriter对象追加数据的位置。）
暂略过代码

同样，复制选中的文件、删除文件、创建目录、读取目录内容、复制文件或目录、移动文件或目录等代码略过。

filesystem: 网址

前面有介绍过DataURL的方式读取图片文件。FileSystem API中，可以使用全新的网址机制（filesystem:）为src或href属性赋值。
首先使用FileEntry对象获取一个图片文件，再调用toURL( )方法得到图片文件的filesystem:网址，并将其赋值给img元素的src属性。

若已知filesystem:网址，还可以使用resolveLocalFileSystemURL()方法获得FileEntry对象，然后再进行赋值、移动、重命名等操作。

ch8.拖放API与桌面通知API

在Web展现方面增强了很多功能。拖放API实现了用户与界面的友好交互，而桌面通知API则突破了传统通知只能在一个页面显示的束缚。

HTML5直接提供了拖放Drag和drop的API，不仅提供在浏览器中的拖放，还可以实现在不同应用程序之间的拖放。
HTML5中任何元素都能被拖放。基本上所有的新版本浏览器都支持拖放功能。

dragstart  开始拖放操作
drag    拖放过程中
dragenter 被拖放的元素开始进入本元素的范围内
dragover    被拖放的元素正在本元素范围内移动
dragleave 被拖放的元素离开本元素的范围
drop 有其他元素被拖放到了本元素中
dragend    拖放操作结束