问题

Question

我正在使用Webpack，编译捆绑的JS文件。

问题

我有一个工人，我正在卸载哈希工作。我传递一个文件并将其归档到它。我之前没有使用过工人。但是，当Chrome对散列大文件反应不佳时，我认为主线程被散列机制阻止了。这可能是一个错误的假设。

该代码适用于小文件。但是，对于大型文件，一旦到达生成最终哈希的部分，Chrome就会显示以下错误：

Firefox更有帮助，并显示以下消息：

错误：未捕获，未指定的“错误”事件。（内存不足）

但是，数据管道应该可以缓解这个问题。 fileReaderStream以1 MB的块读取数据。

代码

import Crypto from 'crypto'
import fileReaderStream from 'filereader-stream'
import concat from 'concat-stream'
var progress = require('progress-stream');

self.onmessage = (event) => {
    switch (event.data.topic) {
        case 'hash': {
            var file = event.data.file;
            var filesize = event.data.filesize;

            let p1 = progress({
                length: filesize,
                time: 100 /* ms */
            });
            let p2 = progress({
                length: filesize,
                time: 100 /* ms */
            });

            p1.on('progress', function(progress) {
                console.log('p1', progress);
            });
            p2.on('progress', function(progress) {
                console.log('p2', progress);
            });

            let md5 = Crypto.createHash('md5');

            console.log("START HASH");
            var reader = fileReaderStream(file);
            reader.pipe(p1).pipe(md5).pipe(p2).pipe(concat((data) => {
                console.log("DONE HASH");
                console.log(data);
            }));

            break;
        }
    }
}