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
相关产品推荐
相关产品推荐

