asp.net upload image to save to the database code

  • 2020-05-10 18:02:15
  • OfStack

Database: saves the image's data format, image binary data storage field
Front desk:
 
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="UploadWork.aspx.cs" Inherits="meishuguan.UploadWork" %> 
<!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> 
<style type="text/css"> 
.style1 
{ 
width: 100%; 
} 
.style2 
{ 
height: 25px; 
} 
</style> 
</head> 
<body> 
<script type="text/javascript"> 
function checkData() { 
var fileName = document.getElementById("UploadImage").value; 
alert(fileName); 
//var fileName = document.getElementsByName("UploadImage").value; 
if (fileName == "") 
return; 
var exName = fileName.substr(fileName.lastIndexOf(".") + 1).toUpperCase(); 
//alert(exName) 
if (exName == "JPG" || exName == "BMP" || exName == "GIF") { 
var imgpath = fileName.src; 
alert(imgpath); 
document.getElementById("PreviewImage").src = imgpath; 
document.write(fileName); 
} 
else { 
alert(" Please select the correct image file ") 
document.getElementById("PreviewImage").value = "" 
} 
} 
</script> 
<form method="post" runat="server"> 
<div> 
<table class="style1"> 
<tr> 
<td class="style2"> 
<asp:Label ID="MessageLabel" runat="server"></asp:Label> 
</td> 
<td class="style2"> 
  
</td> 
</tr> 
<tr> 
<td class="style2"> 
<input id="UploadImage" name = "UploadImage" type="file" runat="server" onchange="checkdata()" /> 
</td> 
<td class="style2"> 
  
<img id="PreviewImage" alt="" src="" style="height: 80px; width: 80px" /></td> 
</tr> 
<tr> 
<td> 
<asp:Button ID="UploadButton" runat="server" Text=" determine " OnClick="UploadButton_Click" /> 
</td> 
<td> 
  
</td> 
</tr> 
</table> 
</div> 
</form> 
</body> 
</html> 

Background:
 
using System; 
using System.Collections.Generic; 
using System.Web; 
using System.Web.UI; 
using System.Web.UI.WebControls; 
using System.IO; 
using System.Data.SqlClient; 
using System.Configuration; 
namespace meishuguan 
{ 
public partial class UploadWork : System.Web.UI.Page 
{ 
protected void Page_Load(object sender, EventArgs e) 
{ 
} 
protected void UploadButton_Click(object sender, EventArgs e) 
{ 
HttpPostedFile UpFile = UploadImage.PostedFile; 
int ImageLength = UpFile.ContentLength; 
if (ImageLength == 0) 
{ 
MessageLabel.Text = " Please select the image to upload "; 
return; 
} 
if (ImageLength > Int32.Parse(Application["MaxImageLength"].ToString())) 
{ 
MessageLabel.Text = " The image size must not be greater than 2M"; 
return; 
} 
Stream ImageStream = UpFile.InputStream; 
Byte[] ImageByte = new Byte[ImageLength]; 
ImageStream.Read(ImageByte, 0, ImageLength); 
SqlConnection connection = new SqlConnection(ConfigurationManager.ConnectionStrings["ConnectionString"].ToString()); 
string sqlstring = "insert into [Work](MID,image,length) values(@MID,@image,@length)"; 
SqlCommand command = new SqlCommand(sqlstring, connection); 
command.Parameters.Add("@MID", System.Data.SqlDbType.Int).Value = Session["MID"].ToString(); 
command.Parameters.Add("@image", System.Data.SqlDbType.Image, ImageLength).Value = ImageByte; 
command.Parameters.Add("@length", System.Data.SqlDbType.Int).Value = ImageLength; 
connection.Open(); 
command.ExecuteNonQuery(); 
connection.Close(); 
MessageLabel.Text = " Picture uploaded successfully "; 
} 
} 
} 

Related articles: