Saat ini, file dapat ditulis dan dibaca dari konteks tab / jendela browser dengan File , FileWriter , dan FileSystem API, meskipun ada peringatan untuk penggunaannya (lihat bagian dari jawaban ini).
Tetapi untuk menjawab pertanyaan Anda:
Menggunakan BakedGoods *
Menulis file:
bakedGoods.set({
data: [{key: "testFile", value: "Hello world!", dataFormat: "text/plain"}],
storageTypes: ["fileSystem"],
options: {fileSystem:{storageType: Window.PERSISTENT}},
complete: function(byStorageTypeStoredItemRangeDataObj, byStorageTypeErrorObj){}
});
Baca file:
bakedGoods.get({
data: ["testFile"],
storageTypes: ["fileSystem"],
options: {fileSystem:{storageType: Window.PERSISTENT}},
complete: function(resultDataObj, byStorageTypeErrorObj){}
});
Menggunakan File mentah, FileWriter, dan FileSystem API
Menulis file:
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);
Baca file:
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);
Apa yang Anda minta, kan? Mungkin tidak. Dua API terakhir:
- Saat ini hanya diterapkan di browser berbasis Chromium (Chrome & Opera)
- Telah dikeluarkan dari jalur standar W3C, dan sampai sekarang adalah API eksklusif
- Dapat dihapus dari browser pelaksana di masa mendatang
- Batasi pembuatan file ke kotak pasir (lokasi di luar file tidak dapat menghasilkan efek) pada disk
Selain itu, spesifikasi FileSystem tidak mendefinisikan pedoman tentang bagaimana struktur direktori muncul di disk. Dalam browser berbasis Chromium misalnya, kotak pasir memiliki sistem file virtual (struktur direktori yang tidak perlu ada pada disk dalam bentuk yang sama ketika diakses dari dalam browser), di mana direktori dan file dibuat dengan API ditempatkan.
Jadi, meskipun Anda mungkin dapat menulis file ke sistem dengan API, mencari file tanpa API (well, tanpa FileSystem API) bisa menjadi urusan yang tidak sepele.
Jika Anda dapat mengatasi masalah / batasan ini, API ini adalah satu-satunya cara asli untuk melakukan apa yang Anda minta.
Jika Anda terbuka untuk solusi non-asli, Silverlight juga memungkinkan untuk file i / o dari kontes tab / window melalui IsolatedStorage . Namun, kode terkelola diperlukan untuk memanfaatkan fasilitas ini; solusi yang mengharuskan penulisan kode semacam itu berada di luar cakupan pertanyaan ini.
Tentu saja, solusi yang menggunakan kode terkelola pelengkap, meninggalkan satu dengan hanya Javascript untuk menulis, baik dalam lingkup pertanyaan ini;):
//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 adalah perpustakaan Javascript yang membuat antarmuka seragam yang dapat digunakan untuk melakukan operasi penyimpanan umum di semua fasilitas asli, dan beberapa fasilitas penyimpanan non-asli. Itu dikelola oleh orang ini di sini :)