使用数组时，将base64转换为image会导致“加载资源失败：net :: ERR_INVALID_URL”错误。

Question

基本上当我使用：

imageObj.src = "data:image/webp;base64,data[2]"; 

它会给我一个错误。

然而，当我CONSOLE.LOG（数据[2]），然后复制和粘贴任何数据[2]为这样的代码：

imageObj.src = "data:image/webp;base64,sampleexampleasfnakdjfbaksjbrwkaerhdhcoaunsf"; 

一切顺利。请帮我理解？

Answer 1

Javascript不会像某些语言那样在字符串内插入变量。如果data [2]是字符串，则使用字符串连接将数据[2]添加到URI：

imageObj.src = "data:image/webp;base64,"+data[2];