Vue:base64编码的pdf图片显示不出来

  • Z时代
  • 2024-03-14
  • 分类：IT

Vue:base64编码的pdf图片显示不出来

图片预览，后端给了一个pdf图片的base64数据，我用canvas显示不出来，用img标签也不行（没有报错，我这边也拿到了数据），但是给的jpg图片的base64可以显示。

loadImage(src: string) {
        return new Promise<HTMLImageElement>(resolve => {
            const img = new Image();
            img.src = src;
            img.addEventListener('load', () => resolve(img));
            img.addEventListener('error', () => resolve(null));
        });
    }
 const img = await this.loadImage(this.imgUrl);
 let cvs = this.$refs.canvas as HTMLCanvasElement;
 const ctx = cvs.getContext("2d");//画布显示二维图片
 ctx.drawImage(img, x , y, Width, Height);

回答：

如果是pdf数据，估计需要用pdf支持的组件来展示，比如pdf.js ，而不是作为图片展示。

回答：

预览的话可以直接使用pdf文件路径就行

以上是 Vue:base64编码的pdf图片显示不出来 的全部内容， 来源链接： utcz.com/p/937396.html

回到顶部