2012-02-28 3 views
2

Я пытаюсь в течение нескольких часов использовать файловую систему HTML5 для добавления удаленного файла с URL-адресом (например, http://example.com/doc.pdf) вместо файла, полученного путем ввода файла, потому что я хочу, чтобы процесс был автоматическим (I имеют более чем один документ), но я ничего об этом процессе не нашел ...API-интерфейс HTML5 с удаленным файлом

Все примеры я нашел локальные файлы касаются (с добавлением входа файла) ...

я дам вам несколько строк мой код:

window.requestFileSystem(TEMPORARY, 1024 * 1024 * 10, function(fs) { 
    FS_ = fs; 
    addRemoteDocuments(); 
}, errorCallback); 

function addRemoteDocuments(){ 
var docList = [ "http://cpbdev/html5tests/pdf/tarifs.pdf", "http://cpbdev/html5tests/pdf/tarifs1.pdf", "http://cpbdev/html5tests/pdf/tarifs2.pdf", "http://cpbdev/html5tests/pdf/tarifs3.pdf", "http://cpbdev/html5tests/pdf/tarifs4.pdf" ]; 

for (var i = 0, doc; doc = this.docList[i]; ++i) { 

// Capture current iteration's file in local scope for the getFile() callback. 
(function(f) { 

    FS_.root.getFile(getName(doc), {create: true, exclusive: true}, function(fileEntry) { 
    fileEntry.createWriter(function(fileWriter) { 
     fileWriter.onwriteend = function(e) { 
     console.log('Write completed for doc '+i); 
     }; 

     fileWriter.write(GET_REMOTE_FILE(doc)); 
    }, errorCallback); 
    }, errorCallback); 
})(doc); 
} 

readDirectories(); 
} 

function GET_REMOTE_FILE(doc){ 
    //Impossible to find a way to get File (with possibility to use file.name and others properties) 
} 

Возможно с помощью имитированного клика на скрытый файл е вход (если это возможно, чтобы добавить удаленный файл ...)

Я надеюсь, что кто-то может мне помочь, потому что документы о удаленных файлах и файловой системе трудно найти ...

Спасибо всем :)

Brice.

+0

что вы пытаетесь сделать? загружать удаленные файлы через API файлов? – mpm

+0

Я хочу добавить удаленные файлы в локальную файловую систему. (для доступа к ним в автономном режиме позже) – Pouki

ответ

2

В моей статье о HTML5Rocks подробно обсуждается это и дается a full example. Он включает в себя XHR2 + API файловой системы.

+0

Привет, ebidel, спасибо за вашу ссылку, это то, что мне нужно, но у меня есть вопрос о CORS, вы сказали, что html5rocks.com включил CORS на всех своих страницах, но как поставить заголовок для png или файл в формате pdf? Потому что, когда я пытаюсь получить доступ к «http://www.html5rocks.com/en/tutorials/file/xhr2/access_control_header.png», я не вижу заголовок Access-Control-Allow-Origin для изображения, а я не может получить файл ... Извините, если мой вопрос тривиален – Pouki

Смежные вопросы