在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 后臺返回base64的圖片編碼，JS應該怎么處理比較好

后臺返回base64的圖片編碼，JS應該怎么處理比較好

clipboard.png
后臺返回的數據是一對很長的base64字符串 想請教一下是用div 還是 img標簽 處理這些編碼

寫了一個demo 但是顯示不出來 不知道問題出在哪里


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

                });

            },

        })
回答
編輯回答
玄鳥

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

2018年4月22日 07:18
編輯回答
好難瘦

少了個逗號
試試看var img = "data:image/jpg;base64," + value.imgByte;

2017年3月14日 15:37
編輯回答
別傷我

我是在前臺用lrz把bese64壓縮轉成blob，然后存的.....

2017年11月17日 17:29
編輯回答
扯機薄

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

var html = []; // 寫外邊
$.each(data.retObject, function(n,value){
    var _img = new Image(); // 構建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