file - 将文件传输到网络 worker : DataCloneError: The object could not be cloned

Question

我想将文件从表单传输到网络 worker 。在 chrome 中，我可以使用此代码来传输 FileList-Object:

worker.postMessage(files: array_files);

但是使用 Firefox 我收到此错误:

Transfer file to webworker: DataCloneError: The object could not be cloned.

所以我尝试将语法用于可转移对象。像这样的东西？

var post = {files: array_files, file_ids: response.file_ids};
worker.postMessage(post, [post]);

但是我在 Chrome 中得到了这个

Uncaught DataCloneError: Failed to execute 'postMessage' on 'Worker': Value at index 0 does not have a transferable type.

还是

DataCloneError: The object could not be cloned.

在火狐浏览器中。

将 FileList 传递给工作人员的正确方法是什么？

Answer 1

我不知道如何使用 postMessage 传递 File 对象，但至少我可以建议可转移对象不能以这种方式工作。可选的第二个参数是您希望传递的任何类型化数组的支持 ArrayBuffer 实例的数组。例如，假设您要发布的消息是一个结构化对象:

var message = {foo: 'abc', bar: new Uint8Array(...)};

worker.postMessage(message, [message.bar.buffer])

另请注意，将类型化数组作为可传输对象传递给另一个工作器/窗口会使传输的数组无法从发送工作器/窗口访问。