How to Show a Binary Data in an Image

Question

Actually, I have saved <Binary data> in Database by :

HttpPostedFile PostedFile = Request.Files[m + 2];

byte[] fileData = null;
 using (var binaryReader = new BinaryReader(Request.Files[m + 2].InputStream))
 {
 fileData = binaryReader.ReadBytes(Request.Files[m + 2].ContentLength);
 }

Now, I wanted to show the <Binary data> in an Image. I have used a bit code like :

ASPxImage objimg = new ASPxImage();
objimg.ID = "objimg" + (j + 1);
objimg.Width = 100;
objimg.Height = 100;
byte[] buffer = null;
buffer = (byte[])DtChoices.Rows[j]["COLUMN_IMAGE"];
MemoryStream ms = new MemoryStream(buffer);
objimg.Value = System.Drawing.Image.FromStream(ms);

But, I am unable to display Image.Can anyone Help Me?

score 2 · Accepted Answer · answered Jul 13 '13 at 05:31

I have not used the DevExpress controls library, but from the documentation I can gather than the correct class to do this is ASPxBinaryImage. There's an example available on their website at http://www.devexpress.com/Support/Center/Example/Details/E1414

Your control -

<dxe:ASPxBinaryImage ID="ASPxBinaryImage1" runat="server" Value='<%# ConvertOleObjectToByteArray(Eval("Image")) %>'></dxe:ASPxBinaryImage>

The conversion function -

public partial class _Default : System.Web.UI.Page {
    const string BITMAP_ID_BLOCK = "BM";
    const string JPG_ID_BLOCK = "\u00FF\u00D8\u00FF";
    const string PNG_ID_BLOCK = "\u0089PNG\r\n\u001a\n";
    const string GIF_ID_BLOCK = "GIF8";
    const string TIFF_ID_BLOCK = "II*\u0000";
    const int DEFAULT_OLEHEADERSIZE = 78;
    public static byte[] ConvertOleObjectToByteArray(object content) {
        if (content != null && !(content is DBNull)) {
            byte[] oleFieldBytes = (byte[])content;
            byte[] imageBytes = null;
            // Get a UTF7 Encoded string version
            Encoding u8 = Encoding.UTF7;
            string strTemp = u8.GetString(oleFieldBytes);
            // Get the first 300 characters from the string
            string strVTemp = strTemp.Substring(0, 300);
            // Search for the block
            int iPos = -1;
            if (strVTemp.IndexOf(BITMAP_ID_BLOCK) != -1) {
                iPos = strVTemp.IndexOf(BITMAP_ID_BLOCK);
            } else if (strVTemp.IndexOf(JPG_ID_BLOCK) != -1) {
                iPos = strVTemp.IndexOf(JPG_ID_BLOCK);
            } else if (strVTemp.IndexOf(PNG_ID_BLOCK) != -1) {
                iPos = strVTemp.IndexOf(PNG_ID_BLOCK);
            } else if (strVTemp.IndexOf(GIF_ID_BLOCK) != -1) {
                iPos = strVTemp.IndexOf(GIF_ID_BLOCK);
            } else if (strVTemp.IndexOf(TIFF_ID_BLOCK) != -1) {
                iPos = strVTemp.IndexOf(TIFF_ID_BLOCK);
            }
            // From the position above get the new image
            if (iPos == -1) {
                iPos = DEFAULT_OLEHEADERSIZE;
            }
            //Array.Copy(
            imageBytes = new byte[oleFieldBytes.LongLength - iPos];
            MemoryStream ms = new MemoryStream();
            ms.Write(oleFieldBytes, iPos, oleFieldBytes.Length - iPos);
            imageBytes = ms.ToArray();
            ms.Close();
            ms.Dispose();
            return imageBytes;
        }
        return null;
    }
}

How to Show a Binary Data in an Image

1 Answers1