Derzeit können Dateien mit den APIs File , FileWriter und FileSystem aus dem Kontext eines Browser-Tabs / -Fensters geschrieben und gelesen werden , obwohl ihre Verwendung einige Einschränkungen aufweist (siehe Ende dieser Antwort).
Aber um Ihre Frage zu beantworten:
Verwenden von BakedGoods *
Datei schreiben:
bakedGoods.set({
data: [{key: "testFile", value: "Hello world!", dataFormat: "text/plain"}],
storageTypes: ["fileSystem"],
options: {fileSystem:{storageType: Window.PERSISTENT}},
complete: function(byStorageTypeStoredItemRangeDataObj, byStorageTypeErrorObj){}
});
Datei lesen:
bakedGoods.get({
data: ["testFile"],
storageTypes: ["fileSystem"],
options: {fileSystem:{storageType: Window.PERSISTENT}},
complete: function(resultDataObj, byStorageTypeErrorObj){}
});
Verwenden der Rohdatei-, FileWriter- und FileSystem-APIs
Datei schreiben:
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);
Datei lesen:
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);
Genau das, wonach Sie gefragt haben, oder? Vielleicht, vielleicht nicht. Die beiden letztgenannten APIs:
- Sind derzeit nur in Chromium-basierten Browsern (Chrome & Opera) implementiert
- Wurden von der W3C-Standardspur genommen und sind ab sofort proprietäre APIs
- Kann in Zukunft aus den implementierenden Browsern entfernt werden
- Beschränken Sie die Erstellung von Dateien auf eine Sandbox (ein Speicherort, außerhalb dessen die Dateien keine Auswirkungen haben können) auf der Festplatte
Darüber hinaus definiert die FileSystem-Spezifikation keine Richtlinien dafür, wie Verzeichnisstrukturen auf der Festplatte angezeigt werden sollen. In Chromium-basierten Browsern verfügt die Sandbox beispielsweise über ein virtuelles Dateisystem (eine Verzeichnisstruktur, die nicht unbedingt in derselben Form auf der Festplatte vorhanden ist wie beim Zugriff über den Browser), in der die Verzeichnisse und Dateien mit dem erstellt werden APIs werden platziert.
Obwohl Sie möglicherweise in der Lage sind, Dateien mit den APIs in ein System zu schreiben, kann das Auffinden der Dateien ohne die APIs (also ohne die FileSystem-API) eine nicht triviale Angelegenheit sein.
Wenn Sie mit diesen Problemen / Einschränkungen umgehen können, sind diese APIs so ziemlich die einzige native Möglichkeit, das zu tun, was Sie gefragt haben.
Wenn Sie für nicht native Lösungen offen sind, ermöglicht Silverlight auch Datei-E / A von einem Registerkarten- / Fensterwettbewerb über IsolatedStorage . Zur Nutzung dieser Funktion ist jedoch verwalteter Code erforderlich. Eine Lösung, die das Schreiben eines solchen Codes erfordert, geht über den Rahmen dieser Frage hinaus.
Natürlich liegt eine Lösung, die komplementären verwalteten Code verwendet und nur Javascript zum Schreiben übrig lässt, im Rahmen dieser Frage;):
//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 ist eine Javascript-Bibliothek, die eine einheitliche Schnittstelle erstellt, über die gemeinsame Speichervorgänge in allen nativen und einigen nicht nativen Speichereinrichtungen ausgeführt werden können. Es wird von diesem Kerl hier gepflegt :).