使用数组时，将 base64 转换为图像会导致 "Failed to load resource: 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];

Conversion of base64 to image results in a "Failed to load resource: net::ERR_INVALID_URL" error when array is used.