JS: Transférer DataTransferItemList vers WebWorker

Question

Je souhaite utiliser l'API JS FileSystem synchrone, par conséquent, ce code doit être envoyé à un webworker. les données entrantes pour le webworker sont prises à partir d'un événement dragndrop (dataTransfer.items) afin de pouvoir utiliser les capacités les plus récentes de chromes pour télécharger des dossiers. malheureusement, chaque essai est annulé par le chrome avec un "Erreur Uncaught: DATA_CLONE_ERR: DOM Exception 25".

fondamentalement, son comme celui-ci:

var files=e.dataTransfer.items; [copying the DataTransferItemList] 
    var worker=new Worker(...) 
    worker.postMessage(files); 

cela ne fonctionne pas. une idée, pourquoi? un exemple similaire (mais pas 100% identique) peut être trouvé ici: http://www.html5rocks.com/en/tutorials/file/filesystem-sync/ - cela semble fonctionner. ce n'est pas une DataTransferItemList, c'est une FileList - ce type de List peut-il être sérialisé?

Merci, Christoph

Answer 1

Vous devez utiliser event.dataTransfer.files pour obtenir le FileList. alors vous pouvez poster que directement au travailleur:

var files=e.dataTransfer.files || e.target.files; // Cross browser FileList 
var worker=new Worker(...); 
worker.postMessage({files: files});