工作中,我们不乏遇到过很多需要上传文件的情况,但是在上传过大文件的情况下,后端做了处理再将数据返回到客户端的时候,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));
}
版权归原作者 SunFlower914 所有, 如有侵权,请联系我们删除。