title: Using Ajax get Byte Image and show Image on client site in ASP.Net MVC
body: <p>I convert image to byte and now I want to byteImage to show Image in the browser, how can I do that. I have get only two data one is Image <b>ID</b> and another is <b> Image_name </b> and show in table ,but I can't show Image in table  </p>
  
  <p>Model:</p>
  
  <pre><code>   public class ImageFile
      {
          public int ID { get; set; }
          public string Image_Name { get; set; }
          public byte[] ImageInbyte { get; set; }
      }
  </code></pre>
  
  <p>Controller: </p>
  
  <pre><code>        public JsonResult GetAllImageList()
          {
              var allImage_List = _imageManager.GetAll();
              return Json(allImage_List, JsonRequestBehavior.AllowGet);
          }
  </code></pre>
  
  <p>Get Json Request Data:</p>
  
  <pre><code>[{"ID":1,"Image_Name":"test","ImageInbyte":[255,216,255,224,0,16,74,70,73,70,0,1]}]
  </code></pre>
  
  <p>Inset Json Data in Table :</p>
  
  <pre><code>$(document).ready(function () {
              $.getJSON("/SuperAdmin/Image/GetAllImageList",
                  function (json) {
                      cache: false;
                      var tr;
                      //Append each row to html table
                      for (var i = 0; i &lt; json.length; i++) {
                          var serialNum = i + 1; 
                          tr = $('&lt;tr/&gt;');
                          tr.append("&lt;td&gt;" + serialNum + "&lt;/td&gt;"); 
                          tr.append("&lt;td&gt;" + json[i].ID + "&lt;/td&gt;");
                          tr.append("&lt;td&gt;" + json[i].Image_Name + "&lt;/td&gt;");
                          tr.append("&lt;td&gt;" + json[i].ImageInByte + "&lt;/td&gt;");
                          $('#MydataTable').append(tr);
                          serialNum++; //increment serialNum 
                          $(document).ready(Datatable_show); //Call DataTable 
                      }
                  });
          });
  </code></pre>