Jszip get the file of the specified file in the uploaded zip package

Use scenarios ：

For bulk upload . Because a single upload requires upload fields , file , Therefore, batch uploading requires uploading excel and zip package . excel Record multiple pieces of data , A single entry in the data includes field values , Some field values are zip The corresponding file name in the package , Read the corresponding... According to the value file file , For single upload .

Installation package

npm i jszip -S

Secondary package plug-in

zipGetFile.js

import JSZip from 'jszip';


const parse_zip =  (file_data, fileName)=> {
    
  return new Promise((resolve, reject) => {
    
    JSZip.loadAsync(file_data).then((zip) => {
    
      zip.files[fileName].async('blob').then((blob) => {
    
        // this.readTextAs(blob, "UTF-8").then(e => {
    
        // resolve(e);
        // }).catch(e => {
    
        // reject(e);
        // });
        console.log(blob);
        let files = new window.File(
          [blob],
          fileName,
          {
     type: blob.type }
        );
        resolve(files);

        console.log(files);
      })
    }).catch(e => {
    
      reject(e);
    })
  })
}

const parse_data = (file_data, fileName) => {
    
  return new Promise((resolve, reject) => {
    
    parse_zip(file_data, fileName).then(e => {
    
      resolve(e)
      // let data = null;
      // try {
    
      // data = JSON.parse(e);
      // }
      // catch (e) {
    
      // data = null;
      // }
      // data ? resolve(data) : reject(null);
    }).catch(e => {
    
      reject(e);
    })
  });
}



const readTextAs = (arrayBuffer, encoding) => {
    
  return new Promise((resolve, reject) => {
    
    var reader = new FileReader();
    var blob = new Blob([arrayBuffer]);
    reader.onload = function (evt) {
    
      resolve(evt.target.result);
    };
    reader.onerror = function (evt) {
    
      reject(null);
    };
    reader.readAsText(blob, encoding);
  }).catch(e => {
    
    reject(e);
  })
}


export default parse_data

Use

zipGetFile(zip file ,  file name ).then(res => {
    })