圖片上傳,圖片加水印,驗證碼制作
阿新 • • 發佈:2017-06-08
全部 毫秒 字體 red 效果展示 eas mappath 畫圖 xmlns
文件上傳:
所用控件: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; } }
效果:
圖片上傳,圖片加水印,驗證碼制作