asp.net UpdatePanel實現無刷新上傳圖片

2024-07-10 13:26:34

字體：大中小

來源：轉載

供稿：網友

1）前臺

復制代碼代碼如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form runat="server">
<div>
<asp:UpdatePanel runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:ScriptManager runat="server">
</asp:ScriptManager>
<asp:Button runat="server" Text="Button" />
<asp:FileUpload runat="server" />
</ContentTemplate>
<Triggers>
<asp:PostBackTrigger ControlID="Button1" />
</Triggers>
</asp:UpdatePanel>
<asp:Image ImageUrl="http://images.cnblogs.com/nopic.gif" runat="server"/>
</div>
</form>
</body>
</html>

2）后臺

復制代碼代碼如下:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.IO;
using System.Data.SqlClient;
using System.Data;
public partial class _Default:baseClass
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void Button1_Click(object sender, EventArgs e)
{
HttpPostedFile upFile = File1.PostedFile;
int iFileLength = upFile.ContentLength;
try
{
if (iFileLength == 0)
{
MessageBox("請選擇要上傳的文件！");
}
else
{
Byte[] FileByteArray = new Byte[iFileLength];
Stream StreamObject = upFile.InputStream;
StreamObject.Read(FileByteArray, 0, iFileLength);
SqlConnection conn = new SqlConnection("server=.;database=Test;uid=sa;pwd=1234;");
ExecuteBySQLNonQuery("delete from imageTable");
SqlCommand cmd = new SqlCommand("insert into [imageTable] values(@image)", conn);
cmd.Parameters.Add("@Image", SqlDbType.Binary, iFileLength).Value = FileByteArray;
conn.Open();
cmd.ExecuteNonQuery();
conn.Close();
MessageBox("已經成功上傳了照片!");
}
image1.ImageUrl = "displayempphoto.ashx";
}
catch (Exception ex)
{
MessageBox(ex.Message);
}
}
}

3）建立一般處理文件displayempphoto.ashx

復制代碼代碼如下:

<%@ WebHandler Language="C#" %>
using System;
using System.Web;
using System.Data.SqlClient;
using System.Web.Configuration;
using System.Data;
public class DisplayEmpPhoto : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
using (SqlConnection cn = new SqlConnection(WebConfigurationManager.ConnectionStrings["CONNECTIONSQL"].ConnectionString))
{
SqlCommand SQLCmd = cn.CreateCommand();
SQLCmd.CommandText = "SELECT imagedata FROM imageTable";
cn.Open();
using (SqlDataReader dr = SQLCmd.ExecuteReader(CommandBehavior.SingleRow))
{
if (dr.Read())
{
// 改變 HTTP 文件頭的輸出格式，以便讓瀏覽器知道所輸出的文件格式是 JPEG 圖文件。
context.Response.ContentType = "Image/JPEG";
context.Response.Clear();
context.Response.BufferOutput = true;
context.Response.BinaryWrite(dr.GetSqlBytes(0).Value);
}
}
}
}
public bool IsReusable
{
get
{
return false;
}
}
}