<!DOCTYPE?HTML>
<html>
<head>
<meta?charset="UTF-8">
<title>創建文件</title>
<script?type="text/javascript">
//創建文件
function?createFile(){
var?size?=?document.getElementById("FileSize").value;
window.requestFileSystem?=?window.requestFileSystem?||?window.webkitRequestFileSystem;
window.requestFileSystem(
window.TEPEORARY,
size,
//請求文件系統成功時所執行的回調函數
function(fs){
//創建文件
var?filename?=?document.getElementById("FileSize").value;
fs.root.getFile(
filename,
{create:true},
//創建文件成功時的函數
function(fileEntry){
fileEntry.createWriter(
function(fileWriter){
fileWriter.onwriteend?=?function(e){
document.getElementById("result").innerHTML?=?'寫文件操作結束';
};
fileWriter.onerror?=?function(e){
document.getElementById("result").innerHTML?=?'寫文件操作失敗';
console.log(e);
};
var?bb?=?new?window.WebKitBlobBuilder();
bb.append('測試');
fileWriter.write(bb.getBlob('text/plain'));
},errorHander);
},
//失敗時回調函數
errorHander
);
},
//請求文件系統失敗時的回調函數
errorHander
);
}
function?errorHander(e){
var?msg?=?'An?error?occured:?';
switch?(e.name)?{
??case?FileError.NOT_FOUND_ERR:
?????msg?+=?'File?or?directory?not?found';
?????break;
???case?FileError.NOT_READABLE_ERR:
?????msg?+=?'File?or?directory?not?readable';
?????break;
???case?FileError.PATH_EXISTS_ERR:
?????msg?+=?'File?or?directory?already?exists';
?????break;
???case?FileError.TYPE_MISMATCH_ERR:
?????msg?+=?'Invalid?filetype';
?????break;
???default:
?????msg?+=?'Unknown?Error';
?????break;
?};
console.log(msg);
}
</script>
</head>
<body>
<h1>create?file</h1>
<form>
<mark>文件名</mark>：<input?type="text"?id="FileName"?value="text.text"><br/>
文件大小:<input?type="text"?id="FileSize"?value="1024">Bytes<br/>
<input?type="button"?value="創建文件"?onclick="createFile()">
</form>
<output?id="result"></output>
</body>
</html>最后再控制臺中輸出了：Unknown error has occurrd ,求高手指點一下？
html5 File API 生成文件發生錯誤？求解？
luowei
2016-01-21 18:11:55