Как упоминалось ранее, FileSystem и File API, вместе с FileWriter API, могут использоваться для чтения и записи файлов из контекста вкладки / окна браузера на клиентский компьютер.
Есть несколько вещей, относящихся к API-интерфейсам FileSystem и FileWriter, о которых вы должны знать, некоторые из которых были упомянуты, но стоит повторить:
- Реализации API в настоящее время существуют только в браузерах на основе Chromium (Chrome & Opera)
- 24 апреля 2014 года оба API были сняты со стандартного стандарта W3C и на данный момент являются собственностью.
- Удаление (теперь проприетарных) API-интерфейсов из реализации браузеров в будущем возможно
- Для хранения файлов, созданных с помощью API, используется песочница (место на диске, вне которого файлы не могут оказывать никакого влияния)
- Виртуальная файловая система (структура каталогов , которая не обязательно существует на диске в той же форме , что делает , когда доступ из браузера) используется представляют файлы , созданные с помощью API -
Вот простые примеры того, как 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){}
});
Использование сырых API File, FileWriter и FileSystem
Написать файл:
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);
Хотя API FileSystem и FileWriter более не соответствуют стандартам, их использование в некоторых случаях может быть оправдано, на мой взгляд, потому что:
- Возобновление интереса со стороны не реализующих поставщиков браузеров может вернуть их обратно
- Проникновение на рынок внедряющих браузеров (на основе хрома)
- Google (основной вкладчик в Chromium) не дал и API-интерфейсы с истекшим сроком эксплуатации
Однако, «некоторые случаи» охватывают ваши собственные, решать вам.
* BakedGoods поддерживается здесь только этим парнем :)