将图像绑定到图像控件

Question

我想转换 byte[] 数组中的图像并再次将 byte[] 数组转换为图像并将该图像与图像控件绑定。请检查以下代码：

 private void ShowImage()
        {

            var img = new System.Drawing.Bitmap(@"C:\Users\User\Desktop\Section-13.png");
            byte[] image = imageToByteArray(img);
            Image image1 = byteArrayToImage(image);
            Image2.ImageUrl = image1.ToString();
        }

        public byte[] imageToByteArray(System.Drawing.Image imageIn)
        {
            MemoryStream ms = new MemoryStream();
            imageIn.Save(ms, System.Drawing.Imaging.ImageFormat.Png);
            return ms.ToArray();
        }

        public Image byteArrayToImage(byte[] byteArrayIn)
        {

            MemoryStream ms = new MemoryStream(byteArrayIn);
            Image returnImage = Image.FromStream(ms);
            return returnImage;
        }

图像控制：

<asp:Image ID="Image2" runat="server" />

正如您在上面的代码中看到的那样，我通过将图像转换为字符串将图像传递到 Image2.ImageUrl 中。我知道我做错了。请建议我是否走在正确的轨道上。

我在 GridView 中搜索并找到绑定图像，但上面的代码只是据我所知，我的目标只是简单地获取图像。提前致谢。

Answer 1

创建一个http处理程序并将处理程序传递给img src标签

 <img src="/imagehandler.ashx" />




 public class ImageHandler : IHttpHandler
    {
        public void ProcessRequest(HttpContext context)
        {
            byte[] buffer = imageToByteArray();
            context.Response.OutputStream.Write(buffer , 0, buffer .Length);
            context.Response.ContentType = "image/JPEG";
        }
    }

Answer 2

最简单的解决方案是简单地将 Section-13.png 复制到 Web 应用程序的文件夹结构中，然后将 ImageUrl 属性指向它：

Image2.ImageUrl = "~/images/Section-13.png";

另一方面，如果您想从 Web 应用程序之外的某个位置引用图像，那么您有两种可能性：

1. 编写一个通用处理程序，它将图像流式传输到响应，然后将 ImageUrl 属性指向这个通用处理程序：

   public class MyImageHandler : IHttpHandler
   {
       public void ProcessRequest(HttpContext context)
       {
           context.Response.ContentType = "image/png";
   
           context.Response.WriteFile(@"C:\Users\User\Desktop\Section-13.png");
       }
   
       public bool IsReusable
       {
           get { return true; }
       }
   }
   

   然后：

   Image2.ImageUrl = "~/MyImageHandler.ashx";
   

2. 使用Data URI scheme 嵌入图像。在这种情况下，您可以直接使用<img> HTML 标签：

   <img src="data:image/png;base64,<%= Convert.ToBase64String(System.IO.File.ReadAllBytes(@"")) %>" alt="C:\Users\User\Desktop\Section-13.png" />
   

Answer 3

尝试制作Data URL Scheme

data:[<MIME-type>][;charset=<encoding>][;base64],<data>

在图像控制中

<asp:image id="reddot" runat="server" ImageUrl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==" />

我们通常用这种方法来调整图片大小和动态图片

http://i-skool.co.uk/net/resize-and-optimise-image-class-in-c/

Image2.ImageUrl = "data:image/png;base64,"  + Convert.ToBase64String(imageToByteArray(image1))

图像到字节数组

public byte[] imageToByteArray(System.Drawing.Image imageIn)
{
 MemoryStream ms = new MemoryStream();
 imageIn.Save(ms,System.Drawing.Imaging.ImageFormat.Gif);
 return  ms.ToArray();
}

Answer 4

我也会使用这个 Image Handler 来处理这个图像。我使用此示例代码通过 .ashx 处理程序检索我的网络表单中的图像

 Context.Session["emp"] = "anything u could pass your id or something";
 Image1.ImageUrl = "~/img.ashx";

我通过 Context.Session 传递了 id 并调用了 img.ashx--> 我的处理程序

我做的内部处理程序

 public class img : IHttpHandler,System.Web.SessionState.IReadOnlySessionState
    {
        Connection connect = new Connection();
        public void ProcessRequest(HttpContext context)
        {
            if (context.Session["emp"].ToString() != null)
            {
                try
                {
                    string text;
                    text =retrive your data from here by using  context.Session["emp"]
                    DataTable dt1 = connect.exexc(text, connect.connectfunction());
                    if (dt1.Rows.Count > 0)
                    {
                        string img = dt1.Rows[0].ItemArray[0].ToString();--> i retrived the byte array here
                        byte[] imageBytes = Convert.FromBase64String(img);
                        context.Response.ContentType = "image/JPEG";
                        context.Response.BinaryWrite(imageBytes);
                    }
                 }
                catch
                {

                }
            }
         }
        public bool IsReusable
        {
            get
            {
                return false;
            }
        }