Hiện tại, các tệp có thể được ghi và đọc từ ngữ cảnh của tab / cửa sổ trình duyệt với API File , FileWriter và FileSystem , mặc dù có những lưu ý khi sử dụng (xem phần đuôi của câu trả lời này).
Nhưng để trả lời câu hỏi của bạn:
Sử dụng Bakedoods *
Viết tập tin:
bakedGoods.set({
data: [{key: "testFile", value: "Hello world!", dataFormat: "text/plain"}],
storageTypes: ["fileSystem"],
options: {fileSystem:{storageType: Window.PERSISTENT}},
complete: function(byStorageTypeStoredItemRangeDataObj, byStorageTypeErrorObj){}
});
Đọc tài liệu:
bakedGoods.get({
data: ["testFile"],
storageTypes: ["fileSystem"],
options: {fileSystem:{storageType: Window.PERSISTENT}},
complete: function(resultDataObj, byStorageTypeErrorObj){}
});
Sử dụng API tệp, FileWriter và FileSystem thô
Viết tập tin:
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);
Đọc tài liệu:
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);
Chỉ cần những gì bạn yêu cầu phải không? Co le không. Hai API sau:
- Hiện chỉ được triển khai trong các trình duyệt dựa trên Chromium (Chrome & Opera)
- Đã được gỡ bỏ theo dõi tiêu chuẩn W3C và cho đến nay là các API độc quyền
- Có thể bị xóa khỏi các trình duyệt triển khai trong tương lai
- Hạn chế việc tạo tệp vào hộp cát (vị trí bên ngoài tệp có thể không tạo hiệu ứng) trên đĩa
Ngoài ra, đặc tả FileSystem xác định không có hướng dẫn về cách cấu trúc thư mục sẽ xuất hiện trên đĩa. Ví dụ, trong các trình duyệt dựa trên Chromium, hộp cát có một hệ thống tệp ảo (cấu trúc thư mục không nhất thiết tồn tại trên đĩa ở dạng giống như khi truy cập từ trong trình duyệt), trong đó các thư mục và tệp được tạo bằng API được đặt.
Vì vậy, mặc dù bạn có thể ghi tệp vào hệ thống bằng API, nhưng việc định vị tệp không có API (tốt, không có API tệp hệ thống) có thể là một việc không hề nhỏ.
Nếu bạn có thể giải quyết các vấn đề / giới hạn này, thì các API này là cách duy nhất để thực hiện những gì bạn đã yêu cầu.
Nếu bạn đang mở cho các giải pháp không phải là nguồn gốc, Silverlight cũng cho phép tệp i / o từ một cuộc thi tab / cửa sổ thông qua cách ly biệt lập . Tuy nhiên, mã được quản lý là cần thiết để sử dụng cơ sở này; một giải pháp yêu cầu viết mã như vậy nằm ngoài phạm vi của câu hỏi này.
Tất nhiên, một giải pháp sử dụng mã được quản lý bổ sung, để lại một mã chỉ có Javascript để viết, cũng nằm trong phạm vi của câu hỏi này;):
//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){}
});
* Bakedoods là một thư viện Javascript thiết lập giao diện thống nhất có thể được sử dụng để tiến hành các hoạt động lưu trữ phổ biến trong tất cả các phương tiện lưu trữ gốc và một số phương tiện lưu trữ không phải là bản địa. Nó được duy trì bởi anh chàng này ngay tại đây :).