在HTML中显示base64图像

Question

我正在尝试以HTML显示base64 tif图像。下面是我的HTML代码。

<img ng-if="fileExtension == 'tif'"  ng-src="data:image/tiff;base64,{{attachment}}" id="photo-id" style="width: 100%;padding: 15px 0px 15px 0px" />

<iframe ng-if="fileExtension == 'tif'" src="data:image/tiff;base64,{{attachment}}" style="height: 100%;width: 100%" >
            </iframe>

我尝试了上面的代码，但无法显示tif图像，任何人都可以帮我解决这个问题。预先感谢。

Answer 1

根据this链接，Chrome不支持tiff图像类型。因此，您必须将其转换为其他格式（.jpg，.jpeg等），然后在HTML页面中显示。