Home/ Questions/Q 7583783
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-30T18:45:58+00:00

I am sending ajax request to the server as : Client Side Code :

  • 0

I am sending ajax request to the server as :
Client Side Code :

             <html>
         <head>
         <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
         <title>Untitled Document</title>
         <script language="">
         if (window.XMLHttpRequest)
          {
            xmlhttp=new XMLHttpRequest();

          }

         else
          {
           xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
          }

          var imgVal='img_id'+1;

          xmlhttp.open("GET","imageprovider.php",false);
          xmlhttp.send();

          if(xmlhttp.readyState==4)
          {


            alert(xmlhttp.responseText);
            document.getElementById('img').appendChild(xmlhttp.responseText);

          }

    </script>

</head>

<body>

    <div id='img'>

    </div>

</body>

And here is the server side code that shows a simple image with base64 encode.How can i get the response from client the above code and show it.

      Server Side PHP Code :

          <?php 

           $img_src = "images/1.png";

           $imgbinary = fread(fopen($img_src, "r"), filesize($img_src));
           $img_str = base64_encode($imgbinary);
           echo '<img src="data:image/jpg;base64,'.$img_str.'" />';


          ?>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try replacing 

    document.getElementById('img').appendChild(xmlhttp.responseText);

    with 

    document.getElementById('img').innerHTML = xmlhttp.responseText;

    Or, if you need to continue using .appendChild(), try replacing 

    document.getElementById('img').appendChild(xmlhttp.responseText);

    with 

    var o = document.createElement('img');
o.src = xmlhttp.responseText;
document.getElementById('img').appendChild(o);

    And replacing 

    echo '<img src="data:image/jpg;base64,'.$img_str.'" />';

    with 

    echo 'data:image/jpg;base64,'.$img_str;
    • 0