失恋副作用

博客园 首页 新随笔 联系 订阅 管理

在form表单写的代码(客户端源码)

 

‘FileUpload’控件:选择文件用的,点击可以选择文件
‘Image’控件:展示图片用的,所选的文件在这里展示

accept=".jpg,.png,.jpeg"图片文件加限制的属性
<form id="form1" runat="server">

        <asp:FileUpload ID="FileUpload1" runat="server" accept=".jpg,.png,.jpeg" />
        <asp:Button ID="Button1" runat="server" Text="上传" />
        <asp:Image ID="Image1" runat="server" />
    </form>

在后台服务端写按钮的点击事件

‘FileUpload1.SaveAs(这里面放的是一个路径);’

新建一个文件夹,把所有的上传文件都放在这个文件夹里

 

//判断控件是否选中,如果是非选中的话,直接‘return’走
        if (!FileUpload1.HasFile) return;
        //为了防止重名的问题,在前面加上上传的时间
        string path = "uploads/"+DateTime.Now.ToString("yyyyMMddHHssms")+FileUpload1.FileName;
        //Server.MapPath()路径映射,映射成绝对路径,把谁映射?把‘path’映射
        FileUpload1.SaveAs(Server.MapPath(path));
        //上传上之后,在界面上展示出来
        Image1.ImageUrl = path;       //这里是相对路径

 

以上是文件的基本上传,还没有加上水印

图片水印:

using System.Drawing;   首先的先引用一个画画的类(命名空间)这样可以使用各种画画的类,进行画画

然后,准备画布:System.Drawing.Image img = System.Drawing.Image.FromStream(FileUpload1.FileContent);

画画是在哪里画 :Graphics g = Graphics.FromImage(img);

protected void Page_Load(object sender, EventArgs e)
    {
        Button1.Click += Button1_Click;
    }

    void Button1_Click(object sender, EventArgs e)
    {
        if (!FileUpload1.HasFile) return;
        //画布
        System.Drawing.Image img = System.Drawing.Image.FromStream(FileUpload1.FileContent);
        //在哪张图上画
        Graphics g = Graphics.FromImage(img);
        //要画什么东西(内容)
        string s = "汉企奇点网络0504专用章";
        //字体
        Font f = new Font("黑体", 20);
        //画笔
        Brush b = new SolidBrush(Color.Red);
        //坐标轴
        PointF p = new PointF(10, 10);
        //把参数放上
        g.DrawString(s,f,b,p);
        string path = "uploads/" + DateTime.Now.ToString("yyyyMMddHHmmssms") + FileUpload1.FileName;
        img.Save(Server.MapPath(path));

        Image1.ImageUrl = path;
    }

 

如果是把两张图片进行叠加的话,需要改一个属性

g.DrawString()改成  g.DrawImage()

//两张图片叠加
        g.DrawImage(System.Drawing.Image.FromFile(Server.MapPath("uploads/222.png")), p);

 

posted on 2017-09-03 16:13  失恋副作用  阅读(153)  评论(0编辑  收藏  举报