js 前端文件分割上传和逐行读取

最新推荐文章于 2025-02-28 17:10:28 发布

oYuLian

最新推荐文章于 2025-02-28 17:10:28 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/oYuLian/article/details/89241617

js 专栏收录该内容

38 篇文章

订阅专栏

本文介绍使用JavaScript逐行读取文件及按字节数分割文件的方法，涉及FileReader API的使用，包括读取整个文件和通过split方法按行分割，以及如何利用slice方法按字节数分割文件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

逐行读取
                fileList = document.getElementById("file").files;
                file = fileList[0];
                //console.log(file);
                console.time("sort");
                var reader = new FileReader();
                reader.onload = function (progressEvent) {
                    // Entire file
                    //console.log(this.result);
                    // By lines
                    var lines = this.result.split('\n');
                    for (var line = 0; line < lines.length; line++) {
                        // console.log(">>>>>>");
                        // console.log(lines[line]);
                        logList.push(lines[line]);
                    }
                    console.timeEnd("sort");
                };
                reader.readAsText(file);

按字节数分割
利用file.size 循环
if (file.webkitSlice) {
                            console.log("webkitSlice--->");
                            var blob = file.webkitSlice(startSize, endSize);
                        } else if (file.mozSlice) {
                            console.log("mozSlice--->");
                            var blob = file.mozSlice(startSize, endSize);
                        } else {
                            console.log("Slice--->");
                            var blob = file.slice(startSize, endSize);
                        }
                        try {
                            var reader = new FileReader();
                            reader.readAsArrayBuffer(blob);
                            reader.onload = function loaded(evt) {
                                console.log(evt);
                                var ArrayBuffer = evt.target.result;
                                console.log(ArrayBuffer.byteLength);
                                //console.log(String.fromCharCode.apply(null, new Uint8Array(ArrayBuffer)));

                                log("发送文件第" + (i++) + "部分");
              
                            }
                        } catch (error) {
                            console.log("555", error);
                        }