前端 - 有什么可分片读取大文件的javascript类或jquery插件

问题描述

问 题

现在要写一个分片压缩上传插件。例如500M的文件，可以5M、5M地分片读取，每读取一片，将其压缩以后，上传至服务器。
FileReader要在全部读取完成之后才会有result，而用file.slice分片则无法获取内容，无法压缩。那么有没有什么js类或者jquery插件可以满足我的需求呢？

04-06更新问题描述：
我之前的描述可能引发歧义。相比于封装得比较完善的上传插件，我需要的是更为基础的分片读取文件（到内存）的功能。并且要一片一片地读文件，每一片读取好以后，即时进行压缩上传，再读下一片。压缩和上传的逻辑目前不重要，重要的是怎么读。

解决方案

解决了。意外的，我以为不行的FileReader和file.slice相互配合就是答案。

        var blob = file.slice(0, 32);

        var reader = new FileReader();
        reader.onload = function(){
            alert('Load SUCCESS!! content: ' + reader.result);

            var fData = new FormData();
            fData.append("name",file.name);
            fData.append("size",file.size);
            fData.append("type",file.type);
            fData.append("blob",reader.result);


            $.ajax({
                url: 'upload',
                type: 'POST',
                data: fData,
                processData: false,
                contentType: false,
                cache: false,
                success: function (data) {
                    alert(data);
                },
                error: function (err){
                    alert(err);
                }
            });
        };
        reader.readAsText(blob);

这篇关于前端 - 有什么可分片读取大文件的javascript类或jquery插件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！