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

拼接生成合法Base64图片字符串时出现多余引号,求解决方案

解决Base64图片字符串拼接后出现多余引号的问题

问题根源在于你用了JSON.stringify()处理dataNew.base64Img:这个方法会把原始字符串转换为带双引号的JSON格式字符串,这就是拼接结果中出现多余"的原因。

修正后的代码方案

直接使用原始的Base64字符串,不需要JSON.stringify()包裹:

const base64basic = "data:image/png;base64,";
const base64back = dataNew.base64Img;

const base64picture = base64basic.concat(base64back);
console.log(base64picture);

也可以用ES6模板字符串简化拼接逻辑:

const base64picture = `data:image/png;base64,${dataNew.base64Img}`;
console.log(base64picture);

效果验证

修正后拼接出的字符串会是标准的Base64图片URL格式,不再包含多余的双引号,可直接用于图片展示(比如赋值给<img>的src属性)。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.17 09:13:21