解決前端列印後臺返回的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顯示該路徑下的檔案,實現列印邏輯就行了。
相關文章
- ajax後臺返回的資料為空前臺顯示出現undefined的解決方法Undefined
- 前端資料由後臺決定前端
- js前臺如何使用後臺返回的資料JS
- 前端資料與後臺分離,使用mockjs模擬後臺返回json資料前端MockJSON
- spring boot 解決後臺返回 json 到前臺中文亂碼之後出現返回json資料包錯Spring BootJSON
- 利用WebBrowser徹底解決Web列印問題(包括後臺列印)Web
- 去除後臺返回資料中的nullNull
- 那些年遇到的後臺返回的奇葩json資料JSON
- 給前端返回資料全部轉字串合適嗎?前端字串
- Java後臺返回PDF檔案預覽下載Java
- json字串返回的資料有重複的資料JSON字串
- 使用 express 模擬後臺介面返回資料Express
- Android 優雅地處理後臺返回的騷資料Android
- 前端接收後端返回的map前端後端
- Jison解決JS處理後端返回的Long型資料精度丟失問題JS後端
- PDF 和 base64 的轉換
- phpcms後臺生成首頁成功,前端首頁空白的解決方法PHP前端
- 前端,後臺學習全套最新資料前端
- 前後分離實現中,後臺 Laravel 接收資料的跨域解決方案Laravel跨域
- flask返回資料的幾種方式(字串,json,元祖)Flask字串JSON
- 前端(React)生成pdf終極解決方案(^_^)前端React
- Rust中字串的base64編碼與解碼Rust字串
- python使用flask接收前端資料,處理後返回結果PythonFlask前端
- 前端base64圖片下載報錯(已解決!!!)前端
- 一套通用的企業級中後臺前端設計解決方案前端
- 通用的後端返回給前端的狀態資訊Result後端前端
- Spring--SpringMVC3.1的ResponseBody返回字串亂碼問題解決SpringMVC字串
- webSocket前端接收後臺資料實時更新Web前端
- 傳送 options 請求 後端返回 405 的解決過程後端
- MyBatis在Oracle中插入資料並返回主鍵的問題解決MyBatisOracle
- 新潮測試平臺--慎用 PRC 返回的資料 (二)
- 破解PDF檔案不能列印的限制
- PDF批次列印工具BatchOutput PDF for MacBATMac
- BatchOutput PDF for Mac(PDF批量列印工具)BATMac
- swift中字串型資料對映為數值型資料的解決辦法Swift字串
- linux命令列印字串md5雜湊後的值Linux命令列字串
- Laravel 後臺如何返回國際化的訊息Laravel
- 前端生成PDF,讓後端刮目相看前端後端