因上传的文件过大,前端无法获取到后端返参数据时如何解决?(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));
}

  • 5
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值