某些 PDF 文件無法在 Chrome 瀏覽器中呈現(xiàn)，但在 Firefox 中可以正常呈現(xiàn)。如果直接嵌入，所有文件都可以在所有瀏覽器中正常呈現(xiàn)。<object id="content-view" :data="content_view.base64" type="application/pdf"></object>令人困惑的部分是，問題僅針對某些文件，而不是全部。文件存儲在非公開的文件夾中，這就是為什么它們以 Base64 形式供用戶查看。我使用在線 Base64 解碼器測試了有問題的文件，得到了相同的結果。在 FF 中渲染，不在 Chrome 中渲染。我無法共享任何 PDF 文件。它們均來自同一來源，從同一設備掃描，PDF 版本 1.4，4 頁。我努力了：使用 iframe、嵌入和對象（相同的結果）取消阻止Chrome 網(wǎng)站設置中的不安全內容在 Adobe Acrobat 中打開并重新保存使用在線PDF分析器查看是否存在任何問題（未發(fā)現(xiàn)）
3 回答
慕少森
TA貢獻2019條經(jīng)驗 獲得超9個贊
我有完全相同的問題。我注意到一些超過 1MB 的 PDF 無法加載。
需要將 Base64 字符串更改為 BLOB。然后創(chuàng)建一個用于 iframe src 的 URL。
這是代碼：
base64PDFToBlobUrl( base64 ) {
? const binStr = atob( base64 );
? const len = binStr.length;
? const arr = new Uint8Array(len);
? for (let i = 0; i < len; i++) {
? ? arr[ i ] = binStr.charCodeAt( i );
? }
? const blob =? new Blob( [ arr ], { type: 'application/pdf' } );
? const url = URL.createObjectURL( blob );
? return url;
}
這將返回一個 url，您可以將其放入 iframe、嵌入或對象 src 中。這樣，您仍然可以在頁面中加載 PDF，而無需在其他選項卡中打開它。
MYYA
TA貢獻1868條經(jīng)驗 獲得超4個贊
您可以使用 Mozilla 編寫的 JS 渲染器，而不是使用瀏覽器原生的 PDF 渲染器。
ViewerJS為此提供了一個很好的界面，如果您想將其全尺寸嵌入到頁面中，那么您可以將其放置在 iframe 中并使用iFrame-resizer進行控制。
- 3 回答
- 0 關注
- 338 瀏覽
添加回答
舉報
0/150
提交
取消