0


因上传的文件过大,前端无法获取到后端返参数据时如何解决?(base64+gzip的解密解压缩处理)

工作中,我们不乏遇到过很多需要上传文件的情况,但是在上传过大文件的情况下,后端做了处理再将数据返回到客户端的时候,Network里面请求回来的数据会为空,也就意味着因数据过大,前端无法拿到处理后返回的数据,这个时候后端通常会将数据采用base64格式进行加密后再通过gzip压缩起来,这个时候前端就可以获取到压缩后的数据

此时问题来了,后端返回过来的数据是采用base64加密+gzip压缩的格式,前端拿到数据之后没办法直接使用,必须对数据进行解密+解压缩,针对这个问题可以采用以下方法:

let MAXDECODE64DATALENGTH = 100000; //定义一个常量以10w为单位
function decode(encodeBase64Data) {
 //  window.atob()对经过 base-64 编码的字符串进行解码
 var decodeData= window.atob(encodeBase64Data);
 // 将二进制字符串转换为字符-数字数组
 var charData = decodeData.split('').map(x => x.charCodeAt(0));
 // 接下来将数字数组转换为字节数组
 var binData = new Uint8Array(charData);
 // 解压缩 需要借助与pako插件完成
 var data = pako.inflate(binData);
 decodeData = '';
 /*
 此段可根据解压后的字节数组data长度判断,若data>设置的长度,则以10W为单位拆分转换
 if(data.length > MAXDECODE64DATALENGTH) {
    let MAX = parseInt(data/MAXDECODE64DATALENGTH);
    for(let i=0;i<=MAX;i++) {
    let newData = data.slice(i*MAXDECODE64DATALENGTH, (i+1)*MAXDECODE64DATALENGTH)
    decodeData += String.fromCharCode.apply(null, new Uint16Array(newData));
   }
  } else {
        decodeData= String.fromCharCode.apply(null, new Uint16Array(data));
    }
  */
 // 将解压后的字节数组转换为ascii字符串:
 decodeData= String.fromCharCode.apply(null, new Uint16Array(data));
 // 最后通过decodeURIComponent() 方法解码由 encodeURIComponent 方法或者其它类似方法编码的部分统一资源标识符(URI)。
 return decodeURIComponent(encodeURIComponent(decodeData));
}

本文转载自: https://blog.csdn.net/SunFlower914/article/details/123776230
版权归原作者 SunFlower914 所有, 如有侵权,请联系我们删除。

“因上传的文件过大,前端无法获取到后端返参数据时如何解决?(base64+gzip的解密解压缩处理)”的评论:

还没有评论