Actuellement, les fichiers peuvent être écrits et lus à partir du contexte d'un onglet / fenêtre de navigateur avec les API File , FileWriter et FileSystem , bien qu'il y ait des mises en garde à leur utilisation (voir la fin de cette réponse).
Mais pour répondre à votre question:
Utilisation de BakedGoods *
Ecrire le fichier:
bakedGoods.set({
data: [{key: "testFile", value: "Hello world!", dataFormat: "text/plain"}],
storageTypes: ["fileSystem"],
options: {fileSystem:{storageType: Window.PERSISTENT}},
complete: function(byStorageTypeStoredItemRangeDataObj, byStorageTypeErrorObj){}
});
Lire le fichier:
bakedGoods.get({
data: ["testFile"],
storageTypes: ["fileSystem"],
options: {fileSystem:{storageType: Window.PERSISTENT}},
complete: function(resultDataObj, byStorageTypeErrorObj){}
});
Utilisation des API Raw File, FileWriter et FileSystem
Ecrire le fichier:
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);
Lire le fichier:
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);
Juste ce que vous avez demandé, non? Peut-être peut-être pas. Les deux dernières API:
- Sont actuellement implémentés uniquement dans les navigateurs basés sur Chromium (Chrome et Opera)
- Ont été retirées de la piste des normes du W3C et sont désormais des API propriétaires
- Peut être supprimé des navigateurs de mise en œuvre à l'avenir
- Limiter la création de fichiers à un bac à sable (un emplacement en dehors duquel les fichiers ne peuvent produire aucun effet) sur le disque
En outre, la spécification FileSystem ne définit aucune directive sur la façon dont les structures de répertoire doivent apparaître sur le disque. Dans les navigateurs basés sur Chromium, par exemple, le bac à sable dispose d'un système de fichiers virtuel (une structure de répertoires qui n'existe pas nécessairement sur le disque sous la même forme que lorsqu'elle est accessible depuis le navigateur), dans lequel les répertoires et les fichiers créés avec le Les API sont placées.
Donc, bien que vous puissiez écrire des fichiers sur un système avec les API, localiser les fichiers sans les API (enfin, sans l'API FileSystem) pourrait être une affaire non triviale.
Si vous pouvez gérer ces problèmes / limitations, ces API sont à peu près le seul moyen natif de faire ce que vous avez demandé.
Si vous êtes ouvert aux solutions non natives, Silverlight permet également les entrées / sorties de fichiers à partir d'un concours d'onglets / fenêtres via IsolatedStorage . Cependant, le code managé est nécessaire pour utiliser cette fonction; une solution qui nécessite l'écriture d'un tel code sort du cadre de cette question.
Bien sûr, une solution qui utilise du code managé complémentaire, ne laissant que du Javascript à écrire, entre bien dans le cadre de cette question;):
bakedGoods.set({
data: [{key: "testFile", value: "Hello world!", dataFormat: "text/plain"}],
storageTypes: ["fileSystem", "silverlight"],
options: {fileSystem:{storageType: Window.PERSISTENT}},
complete: function(byStorageTypeStoredItemRangeDataObj, byStorageTypeErrorObj){}
});
* BakedGoods est une bibliothèque Javascript qui établit une interface uniforme qui peut être utilisée pour effectuer des opérations de stockage communes dans toutes les installations de stockage natives et non natives. Il est maintenu par ce gars ici :).