您的位置:首页 > 其它

二进制流上传图片,预览,读取显示

2012-04-09 10:43 399 查看
上传图片并生成缩略图预览效果

<div>
<asp:FileUpload ID="FileUpload1" runat="server" CssClass="btn" Width="320px" onchange="getValue()" /> <asp:Button ID="btnAdd" runat="server" Text="Submit" ValidationGroup="AddPlat" CssClass="btn" Width="80px" OnClick="btnAdd_Click" />
<div id="t2" runat="server" style="width: 150px; height: 120px; visibility: hidden; display: none; border: solid 1px #CCC;">
<img alt="" id="t1" runat="server" src="" style="width: 150px; height: 120px; border: solid 1px #CCC; display: none;" />
</div>
<asp:Image ID="imageSony" runat="server" BorderStyle="Solid" Width="150px" Height="120px" ImageUrl="" />
</div>


getvalue() Function的定义在一下Javascript中:

ReadImage。aspx.cs

protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
string imageid = "1";
if (Request.QueryString["itemid"] != null)
{
imageid = Request.QueryString["itemid"].ToString();
}
int imgID = Int32.Parse(imageid);
ShowImage(imgID);
}
}

private void ShowImage(int itemID)
{
DataTable dt = new DataTable();
dt = srb.GetSonyItem(itemID);//获得数据源
byte[] b_image = (byte[])dt.Rows[0]["Picture"];//得到数据库二进制字段内容
if (b_image.Length > 0)
{
Byte[] byteImg = (byte[])dt.Rows[0]["Picture"];
Response.BinaryWrite(byteImg);//写入二进制流
Response.End();
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: