您如何将图像标签的来源设置为二进制图像数据，我所看到的一切都不适合我

Question

我有 php 从 memcached 获取的二进制图像数据，它将它发送到 javascript，Javascript 然后创建一个新图像并将源设置为数据，数据已经在 base64_encoding，因为它来自用户机器，当他们将图像文件上传到站点时，我使用 javascript FIle_Reader 获取二进制数据，将其发送到 php ，并将其存储在 File_Server 和 memcached 以备后用。但是，当检索数据并尝试使用它来输出可视图像时，出现错误，我已经搜索了网络，但没有人真正为我的特定问题提供解决方案。

function Create_Img_From_Binary($data){
    $Data=json_encode($data);
    echo "
    <script>
    function Create_Img_From_Binary(data){
      let img= document.createElement('img');
      img.src=$data;
      document.body.appendChild(img); 
        
    }
    Create_Img_From_Binary($Data);
    </script>
    ";
   
}
$fd= fopen("img.html",'r');
$data= fread($fd,filesize("img.html"));
Create_Img_From_Binary($data);




  The img.html file just contains the raw image data

Answer 1

这样使用标签：

<img src="data:image/gif;base64,xxxxxxxxxxxxx...">

上面的 xxxx 是图像 base64 图像代码。

或

<img src="data:image/jpeg;base64, <?=base64_encode($Data)?>">

这里 $data 是你的二进制图像

这只是您问题的解决方案。看看它是否有效。

您如何将图像标签的来源设置为二进制图像数据，我所看到的一切都不适合我

How can you set the source of a image tag to binary image data, Nothing I've seen is working for me

javascript

php

binary-image