前端獲取pdf文件二進制數據並展示


參考帖子:https://www.cnblogs.com/d0975/p/12768204.html

 

我的代碼:

let dataStr = window.atob(data.data);
        let n = dataStr.length;
        let u8arr = new Uint8Array(n);
        while (n--){
            u8arr[n] = dataStr.charCodeAt(n);
        }
        bile = new Blob([u8arr], {type: 'application/pdf'});
        let eleLink = document.createElement('a');
//        eleLink.download = contract_name + ".pdf";
        eleLink.style.display = 'none';
        eleLink.target = "_blank";
        eleLink.href = URL.createObjectURL(bile);

        document.body.appendChild(eleLink);
        eleLink.click();
        document.body.removeChild(eleLink);

參考帖子中,接口請求返回后,直接出發了pdf的下載;

我的需求是打開一個新頁面並展示pdf,所以我的代碼把eleLink.download去掉了,增加了target=blank;

 

需要學習內容:Blob、URL;


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM