Zapisz dane wygenerowane przez klienta jako plik w języku JavaScript w porcjach

Question

Zajmuję się tworzeniem aplikacji FileShare z webRTC. Chcę zaimplementować klienta w JavaScript/HTML. Kod powinien być uruchamiany w przeglądarce klienta. Muszę je zapisać po pobraniu przez webRTC. Pliki mogą być dość duże i nie mogę ich całkowicie załadować i zapisać w tablicy lub blobie przed zapisaniem ich na dysku jako pliku.

Czy istnieje interfejs API, który umożliwia zapisanie pliku w porcjach, gdy je otrzymuję?

Znalazłem do tej pory Downloadify, FileSave.js i html5 FileWriterApi do tej pory. Podczas gdy pierwsze dwa nie są porcjowane i wymagają wcześniejszego pobrania całego pliku do pamięci przed zapisaniem, FileWriterAPI nie jest dostępny w większości przeglądarek.

Answer 1

Jako @ Jordan-szary zasugerował, zapisywania fragmentów w bąble i łączenie ich do większej blob może być rozwiązaniem, jeśli:

• Trwałość kawałki nie jest potrzebne (tj zamknięcie przeglądarki spowoduje usunięcie wszystkich porcji)
• Plik jest zachowywany tylko przez użytkownika, który zapisał go w swoim własnym systemie plików. Aplikacja internetowa nie będzie miała dostępu do pliku po jego zamknięciu, chyba że użytkownik ponownie uzyska dostęp do zapisanego pliku.
• Ewentualnie, jeśli rozmiary plików nie są zbyt duże (aby to stwierdzić, musisz przeprowadzić analizę porównawczą). Chrome zachowywał się dla mnie całkiem nieźle, jeśli chodzi o kawałki o łącznej pojemności 1 GB.

Stworzyłem simple test for using blobs as chunks. Możesz poeksperymentować z różnymi parametrami wielkości i chunk liczbach:

var chunkSize = 500000; 
var totalChunks = 200; 
var currentChunk = 0; 
var mime = 'application/octet-binary'; 
var waitBetweenChunks = 50; 

var finalBlob = null; 
var chunkBlobs =[]; 

function addChunk() { 
    var typedArray = new Int8Array(chunkSize); 
    chunkBlobs[currentChunk] = new Blob([typedArray], {type: mime}); 
    console.log('added chunk', currentChunk); 
    currentChunk++; 
    if (currentChunk == totalChunks) { 
     console.log('all chunks completed'); 
     finalBlob = new Blob(chunkBlobs, {type: mime}); 
     document.getElementById('completedFileLink').href = URL.createObjectURL(finalBlob); 
    } else { 
     window.setTimeout(addChunk, waitBetweenChunks); 
    } 
} 
addChunk(); 

Jeśli tak trzeba, że ​​wytrwałość, W3C File System API powinien wspierać to, co trzeba. Możesz go użyć do zapisania porcji w oddzielnych plikach, a gdy wszystkie porcje zostaną ukończone, możesz je wszystkie przeczytać i dołączyć do pojedynczego pliku, a następnie usunąć porcje.

Należy pamiętać, że działa to poprzez przypisanie piaskownicy systemu plików dla danej aplikacji (dla danego przydziału), a pliki są dostępne tylko dla tej aplikacji. Jeśli pliki mają być używane poza aplikacją WWW, może być potrzebna funkcja do użycia, aby zapisać plik z systemu plików aplikacji do "normalnego" systemu plików. Możesz zrobić coś takiego, używając metody createObjectURL().

Masz rację co do aktualnego stanu obsługi przeglądarki. Dostępny jest model A Filesystem API polyfill oparty na standardzie IndexedDB (który jest obsługiwany częściej) jako zaplecza emulacji systemu plików. Nie testowałem polyfill na dużych plikach. Możesz napotkać ograniczenia rozmiaru lub ograniczenia wydajności.

Answer 2

Czy sprawdziłaś https://github.com/Peer5/Sharefest? Powinna ona obejmować twoje wymagania