HTML5+CSS3-充实笔记0624

是 否 +2 论坛币

k人 参与回答

经管之家送您一份

应届毕业生专属福利!

求职就业群

赵安豆老师微信：zhaoandou666

经管之家联合CDA

送您一个全额奖学金名额~ !

立即领取

感谢您参与论坛问题回答

经管之家送您两个论坛币！

+2 论坛币

创建文件

请求文件系统成功后，系统返回一个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      拖放操作结束

扫码加我 拉你入群

请注明：姓名-公司-职位

以便审核进群资格，未注明则拒绝

分享0 收藏0 回帖

关键词：HTML5 HTML htm Exclusive TEMPORARY

学习笔记奖！