Question

我正在使用javascript来显示来自WS HTML编码的base64上的图片。在少数情况下，我会在png，{{1}中获取图片}，gif格式并希望在相同的jpg代码中显示它们。

<img src= >

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

1.如何使用一个base64标记在同一img src标记上显示<img src>图像和普通图像？或者当我现在返回base64 imgSRC ...图片时更改此标记。例如，当我获得关于图像的返回值jpg/png或正常时： base64

我如何通过append("<img src=\"data:image/png;base64," +checkImageFormat(imgSRC)+"">);的结果更改当前对象的img src标签？

Answer 1

我建议将“data：image / png; base64”-part存储在数据库中（或者可能是任何来源）。那样你就不用检查了。

另一种解决方案可能是：

$(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);

});

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

1 个答案: