В даний час файли можна записувати та читати з контексту вкладки / вікна браузера за допомогою API- файлів File , FileWriter та FileSystem , хоча існують застереження щодо їх використання (див. Хвіст цієї відповіді).
Але щоб відповісти на ваше запитання:
Використання 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, 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:
- Наразі впроваджуються лише в браузерах на базі хрому (Chrome & Opera)
- Вони були зняті з треку стандартів W3C, і на сьогоднішній день це фірмові API
- В майбутньому може бути видалено з веб-переглядачів
- Обмежте створення файлів пісочницею (місце, за межами якого файли не дають ефекту) на диску
Крім того, специфікація FileSystem не визначає вказівок щодо того, як структури дисків повинні відображатися на диску. Наприклад, у браузерах на базі Chromium пісочниця має віртуальну файлову систему (структура каталогів, яка не обов'язково існує на диску в тому ж вигляді, який вона має при доступі з браузера), в межах якої каталоги та файли, створені за допомогою Розміщуються API.
Отже, хоча ви можете мати можливість записувати файли в систему з API, розміщення файлів без API (ну, без API FileSystem) може бути нетривіальною справою.
Якщо ви можете вирішити ці проблеми / обмеження, ці API - це майже єдиний рідний спосіб зробити те, що ви просили.
Якщо ви відкриті для власних рішень, Silverlight також дозволяє вводити файли вводу / виводу з конкурсу вкладки / вікна через IsolatedStorage . Однак для використання цього засобу необхідний керований код ; рішення, яке вимагає написання такого коду, виходить за межі цього питання.
Звичайно, рішення, яке використовує додатковий керований код, залишаючи єдиний 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, яка встановлює єдиний інтерфейс, який може використовуватися для проведення загальних операцій зберігання даних у всіх нативних, а також у деяких неродніх сховищах. Це підтримує цей хлопець прямо тут:).