0

私はWSからエンコードされたjavascript 画像を表示するために使用しています。いくつかのケースでは、、、形式の画像を取得し、それらを同じタグで表示したいと思います。HTMLbase64pnggifjpg<img src= >

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

ここで、imgSRCはbase64画像です。

1. 1つの<img src>タグを使用base64して、同じimg srcタグに画像と通常の画像を表示するにはどうすればよいですか？imgSRCまたは、返されたのがjpg/png...imageであるときにこのタグを変更します。たとえば、画像がbase64正常であるかどうかにかかわらず、画像に関する戻り値を取得した場合： append("<img src=\"data:image/png;base64," +checkImageFormat(imgSRC)+"">);

checkImageFormat(imgSRC)現在のオブジェクトのimgsrcタグを変更した結果、どうすればよいですか？

4

1 に答える 1

3

「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);

});
于 2013-01-14T12:37:19.483 に答える