Проблема с «Файловым API: Каталоги и Система» в Google Chrome - PullRequest
Новая
       18

Проблема с «Файловым API: Каталоги и Система» в Google Chrome

2 голосов
/ 17 января 2011

Прочитав эту статью об использовании API файловой системы HTML5 в Google Chrome, я решил попробовать включить его в упакованное веб-приложение.

Использование заметок и прилагаемых материаловВ качестве руководства я написал довольно длинный скрипт: 

var FSA = FSA || {};
var fsys, root, fileReader, dropReader, dropContainer, btn = [];
window.addEventListener("load", function () {
    window.requestFileSystem(PERSISTENT, 5242880 /* ~5MB */, function(fs) {
        fsys = fs;
        root = fsys.root;
    }, FSA.error);
});
function createFile(path) { 
    root.getFile(path, {create:true, exclusive:true}, function() {
        console.log(path+ " file created"); 
    }, FSA.error); 
};
function saveFile(name, data, mimetype) {
    var e = this || null;
    name = name || e.target.name;
    data = data || e.target.result;
    mimetype = mimetype || e.target.type;
    root.getFile(name, {create: true}, function(fileEntry) {
        fileEntry.createWriter(function(writer) {
            writer.onwrite = function(e) {
                console.log(name + ' written successfully to filesystem.');
                FSA.getFile(name);
            };
            writer.onerror = function(e) {
                console.log('Write failed: ' + e);
            };
            var bb = new BlobBuilder();
            bb.append(data);
            writer.write(bb.getBlob(mimetype));
        });
    }, FSA.error);
};
function openFile(file, fileTarget) {
    root.getFile(file.name, null, function(entry) {
        entry.file(function(file) {
                reader = new FileReader();
                reader.filename = file.name;
                reader.onload = function(e) {
                    fileTarget = e.target.result;
                };
                reader.readAsText(file);
        }, FSA.error);
    }, FSA.error);
};

И, в некоторой степени, это похоже на работу.Я могу использовать функцию createFile для создания файла, и я могу использовать функцию saveFile для сохранения файла.Однако я не могу использовать функцию openFile, и все три функции возвращают в консоли JavaScript следующую ошибку: 

Uncaught TypeError: Cannot call method 'getFile' of undefined

Я считаю, что проблема связана с переменной root, но яможет быть ошибочным.

Поскольку это новый API и предварительная спецификация, для решения этой проблемы доступно очень мало документации.

Кто-нибудь сможет указать на проблему(s), и, если да, внести решение?

Спасибо за вашу помощь.

РЕДАКТИРОВАТЬ: Я использую "10.0.639.0 canary build",поэтому я считаю, что мой браузер должен позволять использовать API в расширениях.

1 Ответ

2 голосов
/ 17 января 2011

На данный момент FileSystem API getFile не работает в расширении на любом Chrome 8. Вам нужно будет запустить код на веб-странице, размещенной снаружи, если вы хотите создавать новые файлы с getFile.

Он будет поддерживаться в Chrome 9+ в рамках расширений.Дополнительную информацию можно найти в сообщении HTML5 Chromium .

. Я использую Google Chrome 10.0.634.0 Dev Channel.А внутри инспектора: 

window.requestFileSystem(PERSISTENT, 5242880 /* ~5MB */, function(fs) {
  root = fs.root;
})
root.getFile

Возвращает: 

function getFile() { [native code] }
...