Webform 文件上传、 C#加图片水印、图片验证码

文件上传：
要使用控件 - FileUpload
1、如何判断是否选中文件？
FileUpload.FileName -
选中文件的文件名，如果长度不大于0，那么说明没选中任何文件
js - f.value.length

2、如何保存到服务器上？
FileUpload.SaveAs("绝对路径");

3、如何获得绝对路径？
先编写相对路径 - "UpLoads/abc.txt"
将相对路径映射成绝对路径 - Server.MapPath("UpLoads/abc.txt");

4、现在只能上传成为txt文件，并且名字只能是abc
如何保留文件原有的名字和文件类型？
"UpLoads/" + FileUpload1.FileName;

5、如何防止重名覆盖的问题？
"UpLoads/" + Request.Cookies["user"].Value + DateTime.Now.ToString("yyyyMMddhhmmssms") + FileUpload1.FileName;

6、如何限制选中文件的类型？
限制普通人，给控件添加属性 - accept=".jpg,.png,.jpeg,.txt"
限制找事的：
document.getElementById("Button1").onclick = function () {
var fileName = document.getElementById("FileUpload1").value;

var name = fileName.substr(fileName.length - 4, 4);
var name1 = fileName.substr(fileName.length - 5, 5);
if (name != ".jpg" && name != ".png" && name != ".txt" && name1 != ".jpeg")
{
alert("请选择正确的文件！你要找事儿啊？？");
return false;
}
};

7、控制上传文件的大小
扩容 - 系统默认允许最大上传长度是4MB
webconfig配置文件中写入
<system.web>
<compilation debug="false" targetFramework="4.0" />
<httpRuntime maxRequestLength="40000" />
</system.web>

百度搜，研究，C#大文件上传，断点续传。

注意！不要扩的太多，否则多人同时上传大文件会造成服务器内存不足！

限制大小
C#端限制：
if (FileUpload1.PostedFile.ContentLength>(4*1024*1024))
{
Label1.Text = "文件长度过长！！！";
return;
}

JS端限制：
var f = document.getElementById("FileUpload1");

if (f.files[0].size > (4 * 1024 * 1024)) {
alert("文件过大！！！");
return false;
}

上传图片加水印：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html>

<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">
        #Image1 {
            width: 500px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:FileUpload ID="FileUpload1" runat="server" />
            <asp:Button ID="Button1" runat="server" Text="上传" />
            <br />
            <asp:Image ID="Image1" runat="server" />
        </div>
    </form>
</body>
</html>

View Code