c# UpdatePanel无刷新上传图片 asp.net无刷新上传
发布时间：2015-11-20 编辑：jiaochengji.com
c# asp.net借助UpdatePanel实现无刷新上传图片的代码，分为三个部分，前台、后台，一般性文件，层次清晰。
c# asp.net借助UpdatePanel实现无刷新上传图片的代码，分为三个部分，前台、后台，一般性文件，层次清晰。
有需要的朋友可以参考下。
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>
<!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);
}
}
}
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;
}
}
}
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;
}
}
}
您可能感兴趣的文章：
c# UpdatePanel无刷新上传图片 asp.net无刷新上传
jQuery文件上传 One Click Upload
在UpdatePanel内jquery easyui效果失效的解决方法
php iframe无刷新上传文件的实现代码
asp 无刷新上传带预览程序代码
php ajax无刷新上传图片的例子
Juery结合iframe实现无刷新上传图片的代码
你了解浏览器的刷新原理吗
php无刷新文件上传程序代码
(图文)asp.net 文件上传 带进度条（多种风格）
[关闭]