ASP.NET2.0打通文件图片处理任督二脉[转载]

ASP.NET2.0打通文件图片处理任督二脉

作者：清清月儿

主页：http://blog.csdn.net/21aspnet/           时间：2007.4.1

1.最简单的单文件上传(没花头)
2.多文件上传
3.客户端检查上传文件类型(以上传图片为例)
4.服务器端检查上传文件类型(以上传图片为例)
5.服务器端检查上传文件类型(可以检测真正文件名)
6.上传文件文件名唯一性处理(时间戳+SessionID)
7.上传图片生成等比例缩略图
8.上传图片加水印(文字水印，图片水印，文字+图片水印)
9.

1.最简单的单文件上传(没花头)

效果图：

说明：这是最基本的文件上传，在asp.net1.x中没有这个FileUpload控件，只有html的上传控件，那时候要把html控件转化为服务器控件，很不好用。其实所有文件上传的美丽效果都是从这个FileUpload控件衍生，第一个例子虽然简单却是根本。

后台代码：

 

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;

public partial class _Default : System.Web.UI.Page

前台代码：

 <table style="width: 343px">
            <tr>
                <td style="width: 100px">
                    单文件上传</td>
                <td style="width: 100px">
                </td>
            </tr>
            <tr>
                <td style="width: 100px">
                    <asp:FileUpload ID="FileUpload1" runat="server" Width="475px" />
                    </td>
                <td style="width: 100px">
                    <asp:Button ID="bt_upload" runat="server" OnClick="bt_upload_Click" Text="上传" /></td>
            </tr>
            <tr>
                <td style="width: 100px; height: 21px;">
                    <asp:Label ID="lb_info" runat="server" ForeColor="Red" Width="183px"></asp:Label></td>
                <td style="width: 100px; height: 21px">
                </td>
            </tr>
        </table>

 

2.多文件上传

效果图：

后台代码：

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;

public partial class _Default : System.Web.UI.Page

前台代码：

 

 

3.客户端检查上传文件类型(以上传图片为例)

效果图：

后台代码和1.最简单的单文件上传一样；
前台代码：

说明：点击上传时先触发客户端事件Check_FileType；

4.服务器端检查上传文件类型(以上传图片为例)

效果图：

后台代码：

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;

public partial class _Default : System.Web.UI.Page

 5.服务器端检查上传文件类型(可以检测真正文件名)
其实方法4并不好，因为用户可以把XXX.txt伪装为XXX.jpg。

效果图：

后台代码：

 

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;

public partial class _Default : System.Web.UI.Page

 

6.上传文件文件名唯一性处理(时间戳+SessionID)

效果图：

说明：年月日时分秒+临时session+原文件名 如果大家怕还会重复可以加GUID
后台代码：

 

try

 

7.上传图片生成等比例缩略图

效果图：

缩略图代码：

 

ImageThumbnail.cs
using System;
using System.IO;
using System.Drawing;
using System.Drawing.Imaging;

public class ImageThumbnail

 

后台代码：

 

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;
public partial class _Default : System.Web.UI.Page

8.上传图片加水印(文字水印，图片水印，文字+图片水印)

效果图：
原图

水印

给图片加水印以后（注意右上角+正下方）

代码：
DrawImg.cs  出自http://www.codeproject.com/csharp/watermark.asp

 

using System;
using System.Drawing;
using System.Drawing.Imaging;
using System.Drawing.Drawing2D;
public class DrawImg

  
 
后台代码：

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;
public partial class _Default : System.Web.UI.Page

 

 此文未完，待续