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

來源：懂視網責編：小采時間：2020-11-27 22:43:31

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

asp.net UpdatePanel實現無刷新上傳圖片:1）前臺代碼如下:<%@ Page Language=C# AutoEventWireup=true CodeFile=Default.aspx.cs Inherits=_Default %> <!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//E

推薦度：

點擊下載本文 文檔為doc格式

導讀asp.net UpdatePanel實現無刷新上傳圖片:1）前臺代碼如下:<%@ Page Language=C# AutoEventWireup=true CodeFile=Default.aspx.cs Inherits=_Default %> <!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//E

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 id="form1" runat="server"> 
<div> 
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional"> 
<ContentTemplate> 
<asp:ScriptManager ID="ScriptManager1" runat="server"> 
</asp:ScriptManager> 
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" /> 
<asp:FileUpload ID="File1" runat="server" Width="200px" /> 
</ContentTemplate> 
<Triggers> 
<asp:PostBackTrigger ControlID="Button1" /> 
</Triggers> 
</asp:UpdatePanel> 
<asp:Image id="image1" ImageUrl="http://images.cnblogs.com/nopic.gif" Height="115px" Width="108px" 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#" Class="DisplayEmpPhoto" %> 
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;
}
}
}

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

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

推薦度：

點擊下載本文 文檔為doc格式

標簽：上傳實現實現上傳

熱門焦點

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

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

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

最新推薦

猜你喜歡

熱門推薦