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

Question

图片预览，后端给了一个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);

Answer 1

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

Answer 2

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