pdf文件流显示空白

Question

后端返回的pad文件流 预览不显示文字

getPdfData().then(res => {
    return res.json();  //返回的base64的字符
  }).then(res => {
    let base = Base64.decode(res.retObj)  

    console.log(base);
    
    const blob = new Blob([base], { type: 'application/pdf;chartset=UTF-8' })
    const url = window.URL.createObjectURL(blob)
    return url
  })

Answer 1

问题出在数据从服务器传递到客户端的某种方式上。确保服务器以Base64编码发送数据至关重要，否则客户端无法将PDF字符串反序列化为二进制格式。下面
具体参考：

https://stackoverflow.com/questions/51981473/downloaded-pdf-looks-empty-although-it-contains-some-data

我是用ifream直接显示pdf的，下载的话可以创建一个a标签

let binaryString = window.atob(res.retObj);
    let binaryLen = binaryString.length;
    let bytes = new Uint8Array(binaryLen);
    for (let i = 0; i < binaryLen; i++) {
        let ascii = binaryString.charCodeAt(i);
        bytes[i] = ascii;
    }
    let blob = new Blob([bytes], {type: "application/pdf"});
    return window.URL.createObjectURL(blob);