You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

base64格式logoSrc无法正常显示图片问题求助

解决Base64图片无法显示的问题

你的问题出在字符串拼接HTML时,错误用了模板语法{{logoSrc}}——普通字符串里这种语法不会被解析,浏览器会把它当成src的字面量值,自然加载不出图片。

直接把模板语法换成JavaScript变量拼接就能解决,修正后的代码如下:

footerLogos(logoSrc) {
    var logos = "";
    logos += '<tr>';
    logos += '<td style="width: 1120px;">';
    logos += '<div style="display: flex;align-items: center;font-weight: bold;font-family: arial;font-size: 15px;">';
    logos += '</div>';
    logos += '</td>';

    logos += '<td align="center" width="30" id="footerLogo1">';
    logos += '<img src="' + logoSrc + '" height="30"/>';
    logos += '</td>';
    logos += '</tr>';
    return logos;
}

额外提醒:如果你的logoSrc只有纯base64编码内容,记得加上图片格式前缀,比如data:image/png;base64,,完整的src应该是data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA...这种格式,否则浏览器无法识别图片类型。

内容的提问来源于stack exchange,提问作者Fash

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.02 02:10:15