解決前端列印後臺返回的pdf的base64字串資料
實現後端返回pdf的純base64字串(沒有任何格式的base64字串)使用iframe列印內容。
將base64字串轉換成byte
function convertDataURIToBinary(base64data) { //編碼轉換
var raw = window.atob(base64data);//這個方法在ie核心下無法正常解析。
var rawLength = raw.length;
var array = new Uint8Array(new ArrayBuffer(rawLength));
for (i = 0; i < rawLength; i++) {
array[i] = raw.charCodeAt(i) & 0xff;
}
return array;
}
生成Blob物件
function basetoBlob(base64data){
var u8arr = convertDataURIToBinary(base64data);
var mine = "application/pdf";//固定為pdf格式
return new Blob([u8arr], {type: mime});
}
使用js方法將Blob物件生成一個網址路徑
var src = URL.createObjectURL(blob);
最後以iframe顯示該路徑下的檔案,實現列印邏輯就行了。
相關文章
- 前端資料由後臺決定前端
- spring boot 解決後臺返回 json 到前臺中文亂碼之後出現返回json資料包錯Spring BootJSON
- json字串返回的資料有重複的資料JSON字串
- 給前端返回資料全部轉字串合適嗎?前端字串
- Android 優雅地處理後臺返回的騷資料Android
- Java後臺返回PDF檔案預覽下載Java
- 使用 express 模擬後臺介面返回資料Express
- flask返回資料的幾種方式(字串,json,元祖)Flask字串JSON
- 通用的後端返回給前端的狀態資訊Result後端前端
- Jison解決JS處理後端返回的Long型資料精度丟失問題JS後端
- 前端接收後端返回的map前端後端
- PDF 和 base64 的轉換
- 前後分離實現中,後臺 Laravel 接收資料的跨域解決方案Laravel跨域
- python使用flask接收前端資料,處理後返回結果PythonFlask前端
- Rust中字串的base64編碼與解碼Rust字串
- 前端,後臺學習全套最新資料前端
- 前端(React)生成pdf終極解決方案(^_^)前端React
- 前端base64圖片下載報錯(已解決!!!)前端
- 一套通用的企業級中後臺前端設計解決方案前端
- 傳送 options 請求 後端返回 405 的解決過程後端
- 新潮測試平臺--慎用 PRC 返回的資料 (二)
- webSocket前端接收後臺資料實時更新Web前端
- 返回給前端樣式資料整合Swagger前端Swagger
- PHPCMS 後臺密碼忘記的解決方法PHP密碼
- 忘記 EyouCMS 後臺密碼的解決方法密碼
- MetInfo 後臺忘記密碼的解決方法密碼
- PDF批次列印工具BatchOutput PDF for MacBATMac
- BatchOutput PDF for Mac(PDF批量列印工具)BATMac
- Laravel 後臺如何返回國際化的訊息Laravel
- 前端如何處理後端一次性返回10萬條資料?前端後端
- 前端與後端TP的資料校驗前端後端
- 基於 protobuf 的 websockets 接收伺服器返回資料後,解碼問題請教Web伺服器
- spring的前後臺資料傳輸。Spring
- 讓前端的下拉框支援單選、多選及全選,後臺MyBaits解決方案前端AI
- Java根據前端返回的欄位名進行查詢資料的方法Java前端
- Java根據前端返回的欄位名進行查詢資料Java前端
- java字串轉Base64Java字串
- 如何自行查詢出 SAP ABAP 標準的 OData 服務返回資料的後臺資料庫表和表欄位名稱資料庫