首页 > 代码库 > 图片上传,图片加水印,验证码制作

图片上传,图片加水印,验证码制作

2024-10-02 22:07:02   215人阅读

文件上传：

　　所用控件：FileUpload

　　使用时的思路：

　　1、判断用户是否选中了文件

　　　　FileUpload.FileName获取选中的文件名，判断长度，如果长度大于零就代表已经选择了文件

　　　　JS端：通过ID获取控件，然后控件的value获取选中的文件名

　　2、将文件保存到服务器上

　　　　FileUpload.SaveAs("绝对路径");

　　3、获得绝对路径

　　　　先编写相对路径：比如"UpLoads/abc.txt"

　　　　再把路径映射成绝对路径：Server.MapPath("UpLoads/abc.txt");

　　4、保留原文件的类型和文件名

　　　　相对路径改为"UpLoads/" + FileUpload1.FileName;

　　5、防止文件重名覆盖的问题

　　　　"UpLoads/" + Request.Cookies["user"].Value + DateTime.Now.ToString("yyyyMMddhhmmssms") + FileUpload1.FileName;

　　　　也就是在文件名前面拼接上登陆的用户名以及操作的时间，精确到毫秒

　　6、限制用户可选的文件类型

　　　　给控件添加属性accept=".jpg,.png,.jpeg,.txt"

　　　　但在打开的对话框中，仍然可以选择全部文件，只能通过JS端来限制：　　

 

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;
        } 
    };

 图片加水印:

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

<!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>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:FileUpload ID="FileUpload1" runat="server" /><asp:Button ID="Button1" runat="server" Text="Button" />
            <asp:Image ID="Image1" runat="server" />
        </div>
    </form>
</body>
</html>
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
//一定要加上这个引用!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

using System.Drawing;
public partial class shuiyin : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        Button1.Click += Button1_Click;
    }

    void Button1_Click(object sender, EventArgs e)
    {
        //获得要上传的图片
        System.Drawing.Image img = System.Drawing.Image.FromStream(FileUpload1.FileContent);
        //加上水印
        //把获得图片变成一个GDI画图图面,开始绘制
        Graphics g = Graphics.FromImage(img);
        //分别对应(水印内容,水印字体,水印颜色,水印位置)
        g.DrawString("哈哈哈", new Font("微软雅黑", 20), new SolidBrush(Color.Red), new PointF(0, 0));
        //保存图片
        //img指文件夹名称,后面给要加水印的文件重新命名
        string ul = "img/" + DateTime.Now.ToString("yyyyMMddHHmmssms") + FileUpload1.FileName;
        //保存并生成绝对路径
        img.Save(Server.MapPath(ul));
        //把效果展示出来看一下
        Image1.ImageUrl = ul;
    }
}

效果:

技术分享

图片上传,图片加水印,验证码制作


联系
我们