HTML5的FileWriter API怎么用

本文小編為大家詳細介紹“HTML5的FileWriter API怎么用”，內容詳細，步驟清晰，細節處理妥當，希望這篇“HTML5的FileWriter API怎么用”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。

File API主要用于讀取文件，而FileWriter API用于從Web應用來寫文件。此API的內容與File API以及Web Worker有關。

這個API主要包括如下接口：

? blobBuilder接口。允許從String創建Blog對象。

? fileSaver接口。它提供了將Blog對象寫到文件的方法，并且提供了一個事件模型來監視寫操作的過程。

? fileWriter接口。它擴展了fileSaver接口來添加更豐富的輸出選項。

? fileWriterSync接口。它提供了方法來寫入和修改Web Worker中同步的文件。

之前因為安全原因，Web應用在瀏覽器中被限制寫入文件，創建任意類型或者修改磁盤上的文件是非常困難甚至不可能的，而現在使用FileWriter API，客戶端可以允許應用寫入生成或者下載的文件。

File API定義的接口用來讀取文件，以及操作大對象數據和文件訪問帶來的錯誤。FileWriter API擴展了這種方式，采用了構建大對象文件以及使用同步和異步寫文件接口的方式。像讀操作一樣，在主線程寫文件必須是異步的，以避免阻塞UI的操作。長時間的寫操作通過進程事件傳遞提供狀態信息。

下面這個簡單的函數通過FileWriter寫入一個文本文件：

function writeFile(writer){

function done(evt){

alert("寫入完成");

}

function error(evt){

alert("寫入失?。?quot; + evt);

}

var bb = new BlobBuilder();

bb.append("新的內容");

writer.onwrite = done;

writer.onerror = error;

writer.write(bb.getBlob());

}

下面是一個獲取和使用fileSaver接口的示例：

var bb = new BlobBuilder();

bb.append("新的內容");

var fileSaver = window.saveAs(bb.getBlob(), "temp.dat");

fileSaver.onwriteend = myOnWriteEnd;

讀到這里，這篇“HTML5的FileWriter API怎么用”文章已經介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內容的文章，歡迎關注億速云行業資訊頻道。