HTML5的FileWriter API怎么用

本文小編為大家詳細(xì)介紹“HTML5的FileWriter API怎么用”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“HTML5的FileWriter API怎么用”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來(lái)學(xué)習(xí)新知識(shí)吧。

File API主要用于讀取文件，而FileWriter API用于從Web應(yīng)用來(lái)寫文件。此API的內(nèi)容與File API以及Web Worker有關(guān)。

這個(gè)API主要包括如下接口：

? blobBuilder接口。允許從String創(chuàng)建Blog對(duì)象。

? fileSaver接口。它提供了將Blog對(duì)象寫到文件的方法，并且提供了一個(gè)事件模型來(lái)監(jiān)視寫操作的過(guò)程。

? fileWriter接口。它擴(kuò)展了fileSaver接口來(lái)添加更豐富的輸出選項(xiàng)。

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

之前因?yàn)榘踩颍琖eb應(yīng)用在瀏覽器中被限制寫入文件，創(chuàng)建任意類型或者修改磁盤上的文件是非常困難甚至不可能的，而現(xiàn)在使用FileWriter API，客戶端可以允許應(yīng)用寫入生成或者下載的文件。

File API定義的接口用來(lái)讀取文件，以及操作大對(duì)象數(shù)據(jù)和文件訪問(wèn)帶來(lái)的錯(cuò)誤。FileWriter API擴(kuò)展了這種方式，采用了構(gòu)建大對(duì)象文件以及使用同步和異步寫文件接口的方式。像讀操作一樣，在主線程寫文件必須是異步的，以避免阻塞UI的操作。長(zhǎng)時(shí)間的寫操作通過(guò)進(jìn)程事件傳遞提供狀態(tài)信息。

下面這個(gè)簡(jiǎn)單的函數(shù)通過(guò)FileWriter寫入一個(gè)文本文件：

function writeFile(writer){

function done(evt){

alert("寫入完成");

}

function error(evt){

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

}

var bb = new BlobBuilder();

bb.append("新的內(nèi)容");

writer.onwrite = done;

writer.onerror = error;

writer.write(bb.getBlob());

}

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

var bb = new BlobBuilder();

bb.append("新的內(nèi)容");

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

fileSaver.onwriteend = myOnWriteEnd;

讀到這里，這篇“HTML5的FileWriter API怎么用”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過(guò)才能領(lǐng)會(huì)，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注億速云行業(yè)資訊頻道。