前端项目新窗口打开pdf文件并预览

还有多远.

已于 2024-08-11 18:04:49 修改

阅读量795

点赞数 4

文章标签：前端 pdf javascript

于 2024-08-11 16:52:55 首次发布

本文链接：https://blog.csdn.net/weixin_48309048/article/details/141107844

版权

有时候我们想实现一个功能，点击pdf的时候在新的标签页打开预览，而不是下载这个文件，

下面这个方法亲测有效

fetch(row.filePath)
        .then((response) => response.blob())
        .then((res) => {
          let blob = new Blob([res], { type: "application/pdf" });
          // pdfurl即转化后的结果
          let pdfurl = window.URL.createObjectURL(blob);
          // 新标签页打开，即可预览并下载
          window.open(pdfurl);
        });