因為Google還不提供同步插件資料的功能，所以導入和匯出插件設定就必須和檔案打交道了。而出於安全原因，只有IE才提供存取文件的API；但隨著HTML 5的到來，其他瀏覽器也紛紛支援了。
先說讀取文件。 W3C提供了一些File API，其中最重要的是FileReader這個類別。
先列出需要用到的HTML標籤：
<input type="file" id="file" onchange="handleFiles(this.files)"/>
的函數當選項。
這個FileList物件類似一個數組，可以知道檔案的數目，而它的元素就是File物件了。
從這個File物件可以取得name、size、lastModifiedDate和type等屬性。
把這個File物件傳給FileReader物件的讀取方法，就能讀取檔案了。
FileReader共有4種讀取方法：
readAsArrayBuffer(file)：將檔案讀取為ArrayBuffer。
readAsBinaryString(file)：讀取檔案為二進位字串
readAsDataURL(file)：讀取檔案為Data URL
值為'UTF-8'
此外，abort()方法可以停止讀取檔案。
FileReader物件在讀取檔案後，還需要處理。為了無法阻塞目前線程，API採用了事件模型，可以註冊這些事件：
onabort：中斷時觸發
onerror：出錯時觸發
時觸發，無論是否失敗 onloadstart：文件開始讀取時觸發 onprogress：當文件讀取時，週期性地觸發 後，就可以處理了這些方法，以後就可以處理文件了。 讀取文件 先來試試讀取文字檔案：
function handleFiles(files) {
if (files.length) {
var file = files[0];
var reader = new FileReader();
if (/text/w+/.test(file.type)) {
reader.onload = function() {
$('<pre class="brush:php;toolbar:false">' + this.result + '').appendTo('body');
}
reader.readAsText(file);
}
}
}<span style="font-family: Arial, Helvetica, sans-serif;">这里的this.result实际上就是reader.result，也就是读取出来的文件内容。</span>
function handleFiles(files) {
if (files.length) {
var file = files[0];
var reader = new FileReader();
if (/text/w+/.test(file.type)) {
reader.onload = function() {
$('<pre class="brush:php;toolbar:false">' + this.result + '').appendTo('body');
}
reader.readAsText(file);
} else if(/image/w+/.test(file.type)) {
reader.onload = function() {
$('<input type="file" id="files" multiple="" onchange="handleFiles(this.files)"/>
/**
* 写文件
* @param fileName 文件名
* @param data 文件流
* @param path 写入路径
* @return boolean
*/
public static boolean writeFile(String fileName,String data,String path) {
try {
// System.out.println("fileContent:" + data);
File file = new File(path + fileName);
if(!file.exists()){
file.createNewFile();
}
FileOutputStream outStream = new FileOutputStream(file);
outStream.write(data.getBytes());
outStream.flush();
outStream.close();
outStream = null;
return(true);
} catch (Exception e) {
e.printStackTrace();
return(false);
}
} 
以上就是JavaScript进阶(六)用JavaScript读取和保存文件的内容，更多相关内容请关注PHP中文网（m.sbmmt.com）！
