Javascript 如何通过https连接加载base64映像?
我通过一个API调用接收一个作为base64字符串的图像。我的网站是用https保护的 我尝试使用类似JavaScript的代码将base64字符串加载到HTML图像DOM中Javascript 如何通过https连接加载base64映像?,javascript,image,https,base64,Javascript,Image,Https,Base64,我通过一个API调用接收一个作为base64字符串的图像。我的网站是用https保护的 我尝试使用类似JavaScript的代码将base64字符串加载到HTML图像DOM中 image.src = "data:image/png;base64," + data; 它抛出了一个错误 Mixed Content: The page at 'https://localhost:4200/share/raki' was loaded over HTTPS, but requested an inse
image.src = "data:image/png;base64," + data;
它抛出了一个错误
Mixed Content: The page at 'https://localhost:4200/share/raki' was loaded over HTTPS, but requested an insecure image
'unsafe:data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAtAAAAUACAYAAABuzmU9AAAABHNCSVQICAgIfAhkiAAAIABJREFUeJzs3Xd4W9X5B/Dv1bIk7723HSdOHCd2nElICElI2DOslr1XKZTyo0AXXRTogkIplF1GGGUFSCCE7L2nkzhe8V7xkJdk3d8fsmTJkmxdWbLk5Pt5njyxru4990g+kt977jnvEabMe10EERERERG5RObrChARERERjSUMoImIiIiIJGAATUREREQkAQNoIiIiIiIJGEATEREREUnAAJqIiIiISAIG0EREREREEih8XQF/Ex8bhIfumYaAgNF9a3p7+/CXF7ejurZjVM9LRERERNIIXEhlQGx0IH772Fk+rcOv/rQBtfU6n9aBiM4sRVPjsGh+GmKiA906/ocNFfj0q2MerpXJy385z26brlOP5pZuHDzSiNXrytDW3uuVcwNAWnIoyipbvVb+WJYQFwSN2
...
+up/b149DPN+ei3+mvJBpU21/b5mtq2Jr187HMt3fwXt89f7cq5Hk4a2lv0/d2v+c3AWX810toF4A9sUavvOjUNAOhXZkSCCuIzlRwarRBbkI4016qw7oiKhzC4L9QWrIL4TGVGJCgpNEoN7S0qba7V+ur9amhvcWPt/YO3j9dT+5ubkKXxkaOUGBKp2vYmHWis1rqqIjfWHADgjwjQAAAAgAG6cAAAAAAGCNAAAACAAQI0AAAAYIAADQAAABggQAMAAAAGCNAAAACAAQI0AAAAYIAADQAAABggQAMAAAAGCNAAAACAAQI0AAAAYIAADQAAABggQAMAAAAGCNAAAACAAQI0AAAAYIAADQAAABggQAMAAAAGCNAAAACAAQI0AAAAYIAADQAAABggQAMAAAAGCNAAAACAAQI0AAAAYIAADQAAABggQAMAAAAGCNAAAACAAQI0AAAAYIAADQAAABj4P9MAtrMjAbB/AAAAAElFTkSuQmCC'.
This content should also be served over HTTPS.
做这样的事,对我来说很有用:
var hImg = document.createElement("img");
hImg.setAttribute('src', "data:image/png;base64," + base64);
那么,为什么不执行
var hImg=document.getElementById(“idImg”);hImg.setAttribute('src',“数据:image/png;base64,”+base64)
仍然显示上述两种方法的相同错误,即您正在从HTTPS页面调用的API,以使用HTTPS?Ya(firebase API)获取base64