将base64转换为图像导致＆＃34;无法加载资源：net :: ERR_INVALID_URL＆＃34;使用数组时出错。

Question

基本上我使用时：

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

它会给我一个错误。

然而，当我在console.log（data [2]）中，然后将任何数据[2]复制并粘贴到代码中，如下所示：

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

一切顺利。请帮我理解？

Answer 1

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

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