PhoneGap 文件操作

虾米哥阅读：493 2021-06-15 11:44:26 评论：0
<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<meta name="viewport" id="viewport" content="width=device-width,height=device-height,initial-scale=1.0,user-scalable=no"> 
<script src="json2.js" type="text/javascript"></script> 
<script src="phonegap.js" type="text/javascript"></script> 
<script type="text/javascript"> 
  
// invoked when device is ready 
function deviceInfo() { 
document.getElementById('window.device.phonegap').innerHTML = 'window.device.phonegap = ' + window.device.phonegap; 
} 
  
// register PhoneGap event listeners when DOM content loaded 
function init() { 
console.log('init()'); 
document.addEventListener("deviceready", deviceInfo, true); 
} 
// retrieves root file system entry 
var getFileSystemRoot = (function() { 
  
// private 
var root; 
// one-time retrieval of the root file system entry 
var init = function() { 
window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, 
function(fileSystem) { 
root = fileSystem.root; 
}, 
onFileSystemError); 
}; 
document.addEventListener("deviceready", init, true); 
  
// public function returns private root entry 
return function() { 
return root; 
}; 
}()); // execute immediately 
  
// file system error handler 
function onFileSystemError(error) { 
var msg = 'file system error: ' + error.code; 
navigator.notification.alert(msg, null, 'File System Error'); 
} 
  
// logs file events 
function onFileEvent(event) { 
console.log('file event: ' + event.target.fileName + ' ' + event.type); 
} 
// called when error reading file 
function onFileError(event) { 
console.log('file error: ' + event.target.error.code); 
} 
  
// called when file is written 
function onFileWrite(event) { 
onFileEvent(event); 
console.log('FileWriter position=' + 
event.target.position + ", length=" + event.target.length); 
} 
  
// writes a text file to the device 
function writeFile() { 
// root file system entry 
var root = getFileSystemRoot(), 
// writes a file 
write_file = function(writer) { 
var lineCount = 1; 
// set the callbacks 
writer.onwritestart = onFileEvent; 
writer.onprogress = onFileEvent; 
writer.onwrite = onFileWrite; 
writer.onabort = onFileEvent; 
writer.onerror = onFileError; 
writer.onwriteend = function(event) { 
onFileEvent(event); 
lineCount += 1; 
if (lineCount <= 3) { 
// append a new line 
writer.write('Line ' + lineCount + '.\r\n'); 
} 
else { 
alert(writer.fileName + 
' length=' + writer.length + 
', position=' + writer.position); 
} 
} 
// append 
writer.seek(writer.length); 
// write to file 
writer.write('Line ' + lineCount + '.\r\n'); 
}, 
// creates a FileWriter object 
create_writer = function(fileEntry) { 
fileEntry.createWriter(write_file, onFileSystemError); 
}; 
// create a file and write to it 
root.getFile('bbgap.txt', {create: true}, create_writer, onFileSystemError); 
} 
// remove file system entry 
function removeFile() { 
var root = getFileSystemRoot(); 
var remove_file = function(entry) { 
entry.remove(function() { 
navigator.notification.alert(entry.toURI(), null, 'Entry deleted'); 
}, onFileSystemError); 
}; 
// retrieve a file and truncate it 
root.getFile('bbgap.txt', {create: false}, remove_file, onFileSystemError); 
} 
  
</script> 
<title>File Create/Remove</title> 
</head> 
<body onload="init()"> 
<h3>window.device</h3> 
<p id="window.device.phonegap">[window.device.phonegap]</p> 
  
<input type="button" value="Write File" onclick="writeFile();return false;" /> 
<input type="button" value="Remove File" onclick="removeFile();return false;" /> 
</body> 
</html>