前端解压rar文件-node-unrar-js

问题 : 前端需要解压 rar 压缩包并生成 tree 的数据格式

解决办法 : 使用 node-unrar-js 插件，具体步骤如下

• 安装包 npm i [email protected]
• 引入 import { createExtractorFromData, UnrarError } from 'node-unrar-js';
• 解压 rar 代码演示：

methods:{getRARMetadata(file){returnnewPromise((resolve, reject)=>{const reader =newFileReader()var fileList =[];
            reader.onload=async()=>{const data = reader.result;const wasmBinary =await(awaitfetch(`../unrar.wasm`,{credentials:'same-origin'})).arrayBuffer();const extractor =awaitcreateExtractorFromData({ wasmBinary, data });const{ arcHeader, fileHeaders }= extractor.getFileList();for(const fileHeader of fileHeaders){
                fileList.push(fileHeader)}resolve(fileList)};

        reader.onerror=error=>{reject(error);};
        reader.readAsArrayBuffer(file);});},}

注： getRARMetadata(file) 参数 file 为上传文件之后获取的 file.raw; unrar.wasm 为一个二进制文件，下载地址
运行结果：

• 将结果处理成 tree 型结构,代码演示：

buildRarTree(treeData){const tree =[]let filterTreeData = treeData.reverse()
      filterTreeData.reverse().forEach((path, i)=>{const segments = path.name.split('/')let currentNode = tree;
        segments.forEach((segment, index)=>{const isLastSegment = index === segments.length -1const isDir = path.flags.directory

          if(segment !==''){// Filter out nodes with empty labelslet existingNode = currentNode.find(node=> node.label === segment)let size =0if(!existingNode){const filePath = path.name.slice(0,path.name.lastIndexOf('/'))const newNode ={uploadFilePath:`${i}${index}`=='00'? segment : isLastSegment ? path.name : filePath,label: segment,size: isLastSegment ? path.unpSize :0,id: i +''+ index,data: path.time,dir: isLastSegment ? isDir :true,type:2,forUUIDPath:this.offlineImportParams.url,md5:h_md5(`${path.unpSize}${path.name}${path.crc}${path.time}`),}if(isLastSegment){
                newNode.label = segment
              }else{
                newNode.children =[]}

              currentNode.push(newNode)
              existingNode = newNode
            }

            currentNode = existingNode.children
          }})})return tree
    },

注： treeData为getRARMetadata函数处理之后的结果
运行结果：