拼接生成合法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
相关产品推荐
相关产品推荐

