图片与Json(String)的转换

 

将C#的读取的文件转换为Json的字符串，然后使用JS显示出来。

 

1.Img 2 Json

        //图片 转为    base64编码的文本
        private void ImgToBase64String(string Imagefilename)
        {
            try
            {
                MemoryStream ms = new MemoryStream(this.FileUpload1.FileBytes);
                byte[] arr = new byte[ms.Length];
                ms.Position = 0;
                ms.Read(arr, 0, (int)ms.Length);
                ms.Close();
                String strbaser64 = Convert.ToBase64String(arr);
                this.TextBox1.Text = strbaser64;
            }
            catch (Exception ex)
            {
                lbl_message.Text = "ImgToBase64String 转换失败\nException:" + ex.Message;
            }
        }

2 Json 2 Img

<script type="text/javascript">
        function imgfun()
        {
            var result = $("#TextBox1").val();
            if (result.indexOf("<img",0) < 0)
            {
                $("#TextBox1").val('<img src="data:image/bmp;base64,' + result + '" alt="图片Base64编码" style="max-width:90%; max-height:2000px;"/>');
            }
            $("#img_area").html('' + $("#TextBox1").val() + '');
        }
    </script>

3 HMTL

<div>

            <asp:FileUpload ID="FileUpload1" runat="server" Width="403px" />
            <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />
            <input type="button" id="btn2" onclick="imgfun()" value="Button" />

        </div>
        <div>
            <asp:Label ID="lbl_message" runat="server" Text=""></asp:Label>
        </div>
        <div>
            <input type="image" id="input_img" runat="server" /></div>
        <div>
            <asp:TextBox ID="TextBox1" runat="server" Height="200px" TextMode="MultiLine" Width="100%"></asp:TextBox></div>
        <div>
             <p id="img_area">  </p>

        </div>