Javascript 在一个img src标签上显示不同格式的普通图像和base64图像

我正在使用

javascript

在

HTML

上显示来自WS的

base64

编码的图像。在少数情况下，我会获得

png

、

gif

、

jpg

格式的图像，并希望以相同的

标记显示它们

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

$（“#testImage”）.append（“）；

其中，imgSRC是

base64

图像

1.当我现在返回的

imgSRC

是

jpg/png

图像时，如何使用一个

标记在同一个img src标记上显示

base64

图像和普通图像？或者如何更改此标记。例如，当我获得有关图像的返回值时，如果它是

base64

或normal:

append（“）

如何通过检查ImageFormat（imgSRC）

的结果更改当前对象的img src标记？

我建议将“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);

});

$（函数（）{
var$img=$（'我建议将“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);

});

$（函数（）{
var$img=$（'请参阅此博文：。基本上在FF中，您可以。在IE中，您需要在服务器上解码base64并返回正确的内容类型标题。请检查此教程：谢谢，这些教程解释了如何设置带有数据属性的
base64
图像…这很好，我要问的是当我有
并且我得到了它时ng
imgSRC
作为普通图像，如何将此行更改为：
，因为它是一个拆分为“，”的属性，我不能删除该属性，因为它看起来像：
'ata:image/png；base64，imgSRC'。替换（/^（data:image/（png | gif | jpg）；）base64，/gi）
ata:
…那是什么？如果我从这样的函数返回值：
returnImageType（imgSRC）
我如何更改当前
的选项卡请参阅此博客文章：。基本上在FF中，是的，您可以。在IE中，您需要在服务器上解码base64，并返回正确的内容类型标题。请查看此教程：谢谢，这些教程解释了如何使用数据属性设置
base64
图像…很好，我要问的是，当我有
并且我得到
imgSRC
作为普通图像时，如何将此行更改为：
，因为它是一个拆分为“，”的属性，我不能仅仅删除该属性，因为它看起来像：
'ata:image/png；base64，imgSRC'。替换（/^（data:image/（png | gif | jpg）；）base64，/gi）
ata:
…那是什么？如果我从这样的函数返回值：
returnImageType（imgSRC）
我如何更改当前