javascript - 在一个 img src 标签上显示不同格式的普通图像，以及 base64 图像

Question

我用来显示从 WS编码的javascript 图像 On 。在少数情况下，我会以, ,格式获取图像，并希望在同一个标​​签中显示它们。HTMLbase64pnggifjpg<img src= >

$("#testImage").append("<img src=\"data:image/png;base64," +imgSRC+"">);

imgSRC 是base64图像。

1.如何使用一个<img src>标签在同一个img src标签上显示base64图片和普通图片？或者当我现在返回imgSRC的是jpg/png...图像时更改此标签。例如，当我得到一个关于图像的返回值时base64： append("<img src=\"data:image/png;base64," +checkImageFormat(imgSRC)+"">);

如何通过checkImageFormat(imgSRC)更改当前对象的 img src 标签的结果？

Answer 1

我建议将“data:image/png;base64”部分也存储在数据库中（或任何来源）。这样就不用查了。

另一种解决方案可能是这样的：

$(function(){

    var $img = $('<img/>')
                   .attr({ src: 'data:image/png;base64,' + imgSrc })
                   .error(function(){
                        $(this).attr({ src: imgSrc }); 
                        //If we end up here the image couldn't be loaded 
                        //If so, we assume that its a jpeg/png/gif
                    });

    $("#testImage").append($img);

});