html
<iframe width="100%" height="100%" src="" frameborder="0" id="iframe"></iframe>
html
使用方法:
直接调用就行
viewPdf('传入base64编码即可')
clike
//content是base64编码格式
const viewPdf =(content:any)=> {
const blob = base64ToBlob(content);
// @ts-ignore
if (window.navigator && window.navigator.msSaveOrOpenBlob) {
// @ts-ignore
window.navigator.msSaveOrOpenBlob(blob);
} else {
let iframe = document.getElementById("iframe")
if(iframe){
//我这里是用iframe嵌入的
// @ts-ignore
iframe.src= URL.createObjectURL(blob);
}
// window.open(fileURL);// 打开ppf文件(如果不用iframe嵌入 打开新的页面 就可用window.open来打开)
}
}
// 2.base转二进制文件流
const base64ToBlob = (code:any)=> {
code = code.replace(/[\n\r]/g, '');// 检查base64字符串是否符合base64编码
// atob() 方法用于解码使用 base-64 编码的字符串。
const raw = window.atob(code);
const rawLength = raw.length;
const uInt8Array = new Uint8Array(rawLength);
for (let i = 0; i < rawLength; ++i) {
// 将解码后的逐个字符转换成Unicode序号,放入Unit8Array数组
uInt8Array[i] = raw.charCodeAt(i);
}
// 通过Blob将Uint8Array数组转换成pdf类型的文件对象
return new Blob([uInt8Array], { type: 'application/pdf' });
}