使用数组时，将base64转换为图像会导致“无法加载资源：net :: ERR_INVALID_URL”错误。

Question

基本上，当我使用：

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

这会给我一个错误。

但是，当我console.log（data [2]）然后将任何data [2]复制并粘贴到这样的代码中时：

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

一切顺利。 请帮我理解吗？

Answer 1

JavaScript不会像某些语言一样在字符串内插变量。 如果data [2]是字符串，请使用字符串串联将data [2]添加到URI：

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