需要做的第一件事是启用 XPConnect。这允许使用 XPConnect 来处理 XPCOM 组件。在这个示例中,使用的是 Mozilla 的 org.file.local 类。然后能够调用这个对象上的方法,就像对象是在本地运行一样。您或许还注意到这里调用的 serialize() 方法,它将输入的数据序列化成一个 JSON 串,如清单 8 所示。
清单 8. 序列化数据
function serialize(){
var name = document.getElementById("name").value;
var entry = document.getElementById("entry").value;
var tags = document.getElementById("tags").value;
var pubDate = document.getElementById("pubDate").value;
var sigData =
document.getElementById("canvas").toDataURL();
var obj = { "name" : name, "entry" : entry, "tags" : tags,
"pubDate":pubDate, "sigData":sigData};
var str = obj.toJSONString();
return str;
}
此外,您使用了普通的 JavaScript DOM 功能来获得所创建的表单外的数据。然后创建一个 JavaScript 对象,封装保存博客条目的属性。使用来自 json.org 的 JSON 库,可以将 JavaScript 对象转换为一个字符串。然后将这个字符串写入到文件中。那么这个文件是什么呢?清单 9 显示了一些代码,这些代码决定将要保存什么文件。
清单 9. 决定保存文件的代码
var savefile = "blogentry.txt";
try {
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
} catch (e) {
alert("Permission to save file was denied.");
}
// get the path to the user's home (profile) directory
const DIR_SERVICE = new Components.Constructor("@mozilla.org/file/
directory_service;1","nsIProperties");
try {
path=(new DIR_SERVICE()).get("ProfD", Components.interfaces.nsIFile).path;
} catch (e) {
alert("error");
}
// determine the file-separator
if (path.search(//) != -1) {
path = path + "";
} else {
path = path + "/";
}
savefile = path+savefile;
所有这些代码所做的就是确定用户的主目录。因此应用程序保存的任何数据都将存储在 ~/blogentry.txt 中。另外,可以使用 XPCOM 访问一些丰富的功能,这些功能是XUL框架的一部分。这些代码也会做一些 OS 嗅探,以避免使用错误路径保存数据而导致的问题。
因此可以将数据写入磁盘,但是如何从磁盘读取数据呢?您或许在 图 1 注意到,在启动时调用了一个 JavaScript 函数 read()。清单 10 显示了此函数的代码。
清单 10. read() 函数
function read() {
try {
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
} catch (e) {
alert("Permission to read file was denied.");
}
var file = Components.classes["@mozilla.org/file/local;1"]
.createInstance(Components.interfaces.nsILocalFile);
file.initWithPath( savefile );
if ( file.exists() == false ) {
alert("File does not exist");
}
var is = Components.classes["@mozilla.org/network/file-input-stream;1"]
.createInstance( Components.interfaces.nsIFileInputStream );
is.init( file,0x01, 00004, null);
var sis = Components.classes["@mozilla.org/scriptableinputstream;1"]
.createInstance( Components.interfaces.nsIScriptableInputStream );
sis.init( is );
var output = sis.read( sis.available() );
deserialize(output);
}