打开新窗口预览base64的实现

影·逸

已于 2024-02-07 08:19:44 修改

阅读量1.2k

点赞数 1

文章标签：前端 javascript html

于 2023-02-06 14:06:16 首次发布

本文链接：https://blog.csdn.net/weixin_48474646/article/details/128900629

版权

打开新窗口预览base64的实现

1.图片

const img = new Image();
img.src = base64Info;  //已经拼接好的base64 未拼接则为"image/jpeg;base64," + base64
const newWin = window.open("", "_blank");
newWin.document.height = "100%";
newWin.document.width = "100%";
newWin.document.write(img.outerHTML);
newWin.document.title = this.info.attachName;
newWin.document.close();

2.pdf

const newWin = window.open();
newWin.document.write('<iframe width="100%" height="100%" src=" '  + base64Info + '" frameborder = "0" allowfullscreen />');  //已经拼接好的base64 未拼接则为"application/pdf;base64," + base64
 newWin.document.title = this.info.attachName;