图片文件上传, 生成高质量缩略图 (asp.net c#)

本文介绍了一个基于ASP.NET的文件上传组件实现,包括图片格式验证、文件保存、生成缩略图等功能。提供了完整的后台代码及前端页面示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

后台代码:
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;
using System.IO;
public partial class User_UpLoadFile : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{

}


protected void UPbutton_Click(object sender, EventArgs e)
{
if (FileUpload1.HasFile)
{
string fileContentType = FileUpload1.PostedFile.ContentType;
if (fileContentType == "image/bmp" || fileContentType == "image/gif" || fileContentType == "image/pjpeg")
{
string name = FileUpload1.PostedFile.FileName; // 客户端文件路径

FileInfo file = new FileInfo(name);
string SavePath = "/upload/";
string fileExes = (System.IO.Path.GetExtension(name)).ToString().ToLower();//文件扩展名

Random ran = new Random();
int RandKey = ran.Next(9, 999);//ran.Next(start,end)
string fileName = "P" + System.DateTime.Now.ToString("yyMMddhhmm") + RandKey + fileExes;
string fileName_s = "S" + fileName.Substring(1); // 缩略图文件名称
//string fileName_sy = "sy_" + file.Name; // 水印图文件名称(文字)
//string fileName_syp = "syp_" + file.Name; // 水印图文件名称(图片)
string webFilePath = Server.MapPath(SavePath + fileName); // 服务器端文件路径
string webFilePath_s = Server.MapPath(SavePath + fileName_s); // 服务器端缩略图路径
//string webFilePath_sy = Server.MapPath("/upload/" + fileName_sy); // 服务器端带水印图路径(文字)
//string webFilePath_syp = Server.MapPath("/upload/" + fileName_syp); // 服务器端带水印图路径(图片)
//string webFilePath_sypf = Server.MapPath("/upload/shuiyin.jpg"); // 服务器端水印图路径(图片)

if (!File.Exists(webFilePath))
{
try
{
FileUpload1.SaveAs(webFilePath); // 使用 SaveAs 方法保存文件
//AddShuiYinWord(webFilePath, webFilePath_sy);
//AddShuiYinPic(webFilePath, webFilePath_syp, webFilePath_sypf);
MakeThumbnail(webFilePath, webFilePath_s, 80, 94, "Cut"); // 生成缩略图方法
error.Text = "提示:文件“" + fileName + "”成功上传,并生成“" + fileName_s + "”缩略图,文件类型为:" + FileUpload1.PostedFile.ContentType + ",文件大小为:" + FileUpload1.PostedFile.ContentLength/1024 + "K";
}
catch (Exception ex)
{
    error.Text = "提示:文件上传失败,失败原因:" + ex.Message;
}
}
else
{
    error.Text = "提示:文件已经存在,请重命名后上传";
}
}
else
{
    error.Text = "提示:文件类型不符";
}
}
}
public static void MakeThumbnail(string originalImagePath, string thumbnailPath, int width, int height, string mode)
{
System.Drawing.Image originalImage = System.Drawing.Image.FromFile(originalImagePath);

int towidth = width;
int toheight = height;

int x = 0;
int y = 0;
int ow = originalImage.Width;
int oh = originalImage.Height;

switch (mode)
{
case "HW"://指定高宽缩放(可能变形)
break;
case "W"://指定宽,高按比例
toheight = originalImage.Height * width / originalImage.Width;
break;
case "H"://指定高,宽按比例
towidth = originalImage.Width * height / originalImage.Height;
break;
case "Cut"://指定高宽裁减(不变形)
if ((double)originalImage.Width / (double)originalImage.Height > (double)towidth / (double)toheight)
{
oh = originalImage.Height;
ow = originalImage.Height * towidth / toheight;
y = 0;
x = (originalImage.Width - ow) / 2;
}
else
{
ow = originalImage.Width;
oh = originalImage.Width * height / towidth;
x = 0;
y = (originalImage.Height - oh) / 2;
}
break;
default:
break;
}

//新建一个bmp图片
System.Drawing.Image bitmap = new System.Drawing.Bitmap(towidth, toheight);

//新建一个画板
System.Drawing.Graphics g = System.Drawing.Graphics.FromImage(bitmap);
//设置高质量插值法
g.InterpolationMode = System.Drawing.Drawing2D.InterpolationMode.High;

//设置高质量,低速度呈现平滑程度
g.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.HighQuality;

//清空画布并以透明背景色填充
g.Clear(System.Drawing.Color.Transparent);

//在指定位置并且按指定大小绘制原图片的指定部分
g.DrawImage(originalImage, new System.Drawing.Rectangle(0, 0, towidth, toheight),
new System.Drawing.Rectangle(x, y, ow, oh),
System.Drawing.GraphicsUnit.Pixel);

try
{
//以jpg格式保存缩略图
bitmap.Save(thumbnailPath, System.Drawing.Imaging.ImageFormat.Jpeg);
}
catch (System.Exception e)
{
throw e;
}
finally
{
originalImage.Dispose();
bitmap.Dispose();
g.Dispose();
}
}


protected void AddShuiYinWord(string Path, string Path_sy)
{
string addText = "测试水印";
System.Drawing.Image image = System.Drawing.Image.FromFile(Path);
System.Drawing.Graphics g = System.Drawing.Graphics.FromImage(image);
g.DrawImage(image, 0, 0, image.Width, image.Height);
System.Drawing.Font f = new System.Drawing.Font("Verdana", 16);
System.Drawing.Brush b = new System.Drawing.SolidBrush(System.Drawing.Color.Blue);

g.DrawString(addText, f, b, 15, 15);
g.Dispose();

image.Save(Path_sy);
image.Dispose();
}

/**//// <summary>
/// 在图片上生成图片水印
/// </summary>
/// <param name="Path">原服务器图片路径</param>
/// <param name="Path_syp">生成的带图片水印的图片路径</param>
/// <param name="Path_sypf">水印图片路径</param>
protected void AddShuiYinPic(string Path, string Path_syp, string Path_sypf)
{
System.Drawing.Image image = System.Drawing.Image.FromFile(Path);
System.Drawing.Image copyImage = System.Drawing.Image.FromFile(Path_sypf);
System.Drawing.Graphics g = System.Drawing.Graphics.FromImage(image);
g.DrawImage(copyImage, new System.Drawing.Rectangle(image.Width - copyImage.Width, image.Height - copyImage.Height, copyImage.Width, copyImage.Height), 0, 0, copyImage.Width,copyImage.Height, System.Drawing.GraphicsUnit.Pixel);
g.Dispose();

image.Save(Path_syp);
image.Dispose();
}

}


前台:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="UpLoadFile.aspx.cs" Inherits="User_UpLoadFile" %>

<!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">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>无标题页</title>
    <style type="text/css">
        .style1
        {
            width: 46%;
        }
        .style2
        {
            width: 117px;
        }
.inputx
{
width:45px;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 0px;
border-top-style: outset;
border-right-style: outset;
border-bottom-style: outset;
border-left-style: outset;
border-top-color: #999999;
border-right-color: #999999;
border-bottom-color: #999999;
font-family: "宋体";
line-height: 21px;
background-color: #EEEEEE;
height: 21px;
font-size: 12px;
color: #333333;
}
        .style3
        {
            width: 97px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
  
        <table class="style1"
            style="font-family: 宋体, Arial, Helvetica, sans-serif;font-size: 12px;border-spacing: 0px;border-collapse: 0;table-layout: 0;caption-side: 0;empty-cells: 0">
            <tr>
                <td class="style2">
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
        </table>
        <table class="style1"
            style="font-family: 宋体, Arial, Helvetica, sans-serif;font-size: 12px;border-spacing: 0px;border-collapse: 0;table-layout: 0;caption-side: 0;empty-cells: 0">
            <tr>
                <td class="style2">
                    <span lang="zh-cn">选择要上传的照片:</span></td>
                <td>
                    <asp:FileUpload ID="FileUpload1" runat="server" BackColor="White"
                        BorderColor="Silver" BorderStyle="Solid" BorderWidth="1px"
                        Font-Overline="False" Font-Size="12px" Font-Strikeout="False"
                        ForeColor="#333333" Width="268px" />
                </td>
            </tr>
            </table>
        <table class="style1"
            style="font-family: 宋体, Arial, Helvetica, sans-serif;font-size: 12px;border-spacing: 0px;border-collapse: 0;table-layout: 0;caption-side: 0;empty-cells: 0">
            <tr>
                <td class="style2">
                    &nbsp;</td>
                <td class="style3">
                    <asp:Button ID="UPbutton" runat="server" Text="上传" Width="64px"
                        CssClass="inputx" Height="23px" onclick="UPbutton_Click" />
                </td>
                <td style="height:23px;">
                    <asp:Label ID="error" runat="server" Font-Size="12px" ForeColor="#FF0066"></asp:Label>
                </td>
            </tr>
        </table>
  
    </div>
    </form>
</body>
</html>

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值