后臺(tái)返回base64的圖片編碼，JS應(yīng)該怎么處理比較好

后臺(tái)返回的數(shù)據(jù)是一對(duì)很長(zhǎng)的base64字符串想請(qǐng)教一下是用div 還是 img標(biāo)簽處理這些編碼

寫(xiě)了一個(gè)demo 但是顯示不出來(lái) 不知道問(wèn)題出在哪里


            url:url,
            type:"POST",
            dataType :'json',
            contentType :'application/json',
            data:data,
            success:function(data){
                $.each(data.retObject,function(n,value){
                    console.log(value);
                    var img = "data:image/jpg;base64" + value.imgByte;
                    var html = '';
                    html += '<img class = "img">dfdfdf';
                    $('body').append(html);
                    $('.img').attr('src',img);

                });

            },

        })

回答

編輯回答

玄鳥(niǎo)

// Base64 在HTML中的使用
<img src="data:image/jpg;base64,/9j/4QMZR..." />

2018年4月22日 07:18

編輯回答

好難瘦

少了個(gè)逗號(hào)
試試看var img = "data:image/jpg;base64," + value.imgByte;

2017年3月14日 15:37

編輯回答

別傷我

我是在前臺(tái)用lrz把bese64壓縮轉(zhuǎn)成blob，然后存的.....

2017年11月17日 17:29

編輯回答

扯機(jī)薄

這個(gè)循環(huán)里邊的內(nèi)容建議用原生去寫(xiě)，并且這么多的內(nèi)容，不要每次循環(huán)都append一遍，可以這樣：

var html = []; // 寫(xiě)外邊
$.each(data.retObject, function(n,value){
    var _img = new Image(); // 構(gòu)建Dom
        _img.src = "data:image/jpg;base64," + value.imgByte;
        _img.onload = function() {
            html.push(_img);
        }
});
$(html).appendTo('body'); // 最后一次性插入

2018年8月20日 03:09

編輯回答

愿如初

var baseStr = 'iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJAQMAAADaX5RTAAAAA3NCSVQICAjb4U/gAAAABlBMVEX///+ZmZmOUEqyAAAAAnRSTlMA/1uRIrUAAAAJcEhZcwAACusAAArrAYKLDVoAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDkvMjAvMTIGkKG+AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAAB1JREFUCJljONjA8LiBoZyBwY6BQQZMAtlAkYMNAF1fBs/zPvcnAAAAAElFTkSuQmCC'
var img=new Image();  
img.className="myimg"
img.src="data:image/png;base64," + baseStr
$(".wrap").append(img)

2018年7月20日 01:34