現在、ファイルはFile、FileWriter、およびFileSystem APIを使用してブラウザーのタブ/ウィンドウのコンテキストから読み書きできますが、それらの使用には注意点があります（この回答の末尾を参照）。
しかし、あなたの質問に答えるには：
BakedGoodsの使用*
ファイルを書き込む：
bakedGoods.set({
data: [{key: "testFile", value: "Hello world!", dataFormat: "text/plain"}],
storageTypes: ["fileSystem"],
options: {fileSystem:{storageType: Window.PERSISTENT}},
complete: function(byStorageTypeStoredItemRangeDataObj, byStorageTypeErrorObj){}
});
ファイルを読む：
bakedGoods.get({
data: ["testFile"],
storageTypes: ["fileSystem"],
options: {fileSystem:{storageType: Window.PERSISTENT}},
complete: function(resultDataObj, byStorageTypeErrorObj){}
});
未加工のFile、FileWriter、およびFileSystem APIの使用
ファイルを書き込む：
function onQuotaRequestSuccess(grantedQuota)
{
function saveFile(directoryEntry)
{
function createFileWriter(fileEntry)
{
function write(fileWriter)
{
var dataBlob = new Blob(["Hello world!"], {type: "text/plain"});
fileWriter.write(dataBlob);
}
fileEntry.createWriter(write);
}
directoryEntry.getFile(
"testFile",
{create: true, exclusive: true},
createFileWriter
);
}
requestFileSystem(Window.PERSISTENT, grantedQuota, saveFile);
}
var desiredQuota = 1024 * 1024 * 1024;
var quotaManagementObj = navigator.webkitPersistentStorage;
quotaManagementObj.requestQuota(desiredQuota, onQuotaRequestSuccess);
ファイルを読む：
function onQuotaRequestSuccess(grantedQuota)
{
function getfile(directoryEntry)
{
function readFile(fileEntry)
{
function read(file)
{
var fileReader = new FileReader();
fileReader.onload = function(){var fileData = fileReader.result};
fileReader.readAsText(file);
}
fileEntry.file(read);
}
directoryEntry.getFile(
"testFile",
{create: false},
readFile
);
}
requestFileSystem(Window.PERSISTENT, grantedQuota, getFile);
}
var desiredQuota = 1024 * 1024 * 1024;
var quotaManagementObj = navigator.webkitPersistentStorage;
quotaManagementObj.requestQuota(desiredQuota, onQuotaRequestSuccess);
あなたが右に求めたものだけですか？多分そうでないかもしれません。後の2つのAPI：
- 現在、Chromiumベースのブラウザー（ChromeおよびOpera）にのみ実装されています
- W3C標準トラックから外されており、現時点では独自のAPIです。
- 将来、実装ブラウザから削除される可能性があります
- ファイルの作成をディスク上のサンドボックス（ファイルの外側では効果が得られない場所）に制限する
さらに、FileSystem仕様では、ディレクトリ構造がディスク上にどのように表示されるかについてのガイドラインは定義されていません。たとえば、Chromiumベースのブラウザーでは、サンドボックスには仮想ファイルシステム（必ずしも、ブラウザー内からアクセスした場合と同じ形式でディスク上に存在するわけではないディレクトリ構造）があり、その中にディレクトリとファイルがAPIが配置されます。
そのため、APIを使用してシステムにファイルを書き込むことはできますが、APIなしで（ファイルシステムAPIなしで）ファイルを見つけることは簡単なことではありません。
これらの問題/制限に対処できる場合、これらのAPIは、要求したことを実行するためのほとんどのネイティブな方法です。
非ネイティブソリューションを利用している場合、Silverlightでは、タブ/ウィンドウコンテストからIsolatedStorageを介してファイルI / Oを行うこともできます。ただし、この機能を利用するにはマネージコードが必要です。このようなコードを記述する必要があるソリューションは、この質問の範囲を超えています。
もちろん、補完するマネージコードを利用し、Javascriptのみを記述して残しておくソリューションは、この質問の範囲内です;）：
//Write file to first of either FileSystem or IsolatedStorage
bakedGoods.set({
data: [{key: "testFile", value: "Hello world!", dataFormat: "text/plain"}],
storageTypes: ["fileSystem", "silverlight"],
options: {fileSystem:{storageType: Window.PERSISTENT}},
complete: function(byStorageTypeStoredItemRangeDataObj, byStorageTypeErrorObj){}
});
* BakedGoodsは、すべてのネイティブおよび一部の非ネイティブストレージ機能で共通のストレージ操作を実行するために使用できる統一されたインターフェイスを確立するJavascriptライブラリです。それはこの男がここで管理しています：）。