Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何通过https连接加载base64映像?_Javascript_Image_Https_Base64 - Fatal编程技术网

Javascript 如何通过https连接加载base64映像?

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

我通过一个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 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