验证码和图片上传和多张图片无刷新上传

先来验证码一般处理程序编写

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace Blog.UI
{
    using System.Drawing;
    using Blog.Common;
    /// <summary>
    /// Vcode 的摘要说明
    /// </summary>
    public class Vcode : IHttpHandler,System.Web.SessionState.IRequiresSessionState
    {
        Random r = new Random();
        public void ProcessRequest(HttpContext context)
        {
            //准备一张画布
            using (Image img = new Bitmap(60, 25))
            {
                
                //准备一个画家
                Graphics g = Graphics.FromImage(img);
                //背景画白
                g.Clear(Color.White);
                //画边框
                g.DrawRectangle(Pens.Red, 0, 0, img.Width - 1, img.Height - 1);
                //画噪点线
                DrawPoints(g, img, 10);
                //得到验证码字符串
                string vcodestr = Getstring(1);
                //画字符串
                g.DrawString(vcodestr, new Font("微软雅黑", 16, FontStyle.Italic | FontStyle.Strikeout), Brushes.Blue, 0, 0);
                DrawPoints(g, img, 10);
                //将图片以jpg格式显示在outputstream流
                img.Save(context.Response.OutputStream, System.Drawing.Imaging.ImageFormat.Jpeg);
                //存进session
                context.Session[CommonHelper.Vcode] = vcodestr;
            }
        }
        void DrawPoints(Graphics g,Image img,int n)
        {
            for (int i = 0; i < n; i++)
            {
                int x = r.Next(0, img.Width);
                int y = r.Next(0, img.Height);
                g.DrawLine(Pens.Blue, x, y, x + r.Next(2, img.Width), y + r.Next(2, img.Width));
            }
            
        }
        string Getstring(int n)
        {
            string s = string.Empty;
            
            char[] c = new char[] { '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c','d' };
            for (int i = 0; i < n; i++)
            {
               s+=c[ r.Next(c.Length)];
            }
            return s;
        }
        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }
}

图片上传前台用隐藏iframe来实现不刷新后台类似验证码

<%@ Page Language="C#" MasterPageFile="~/Master/Site1.Master" AutoEventWireup="true" CodeBehind="PhotoList.aspx.cs" Inherits="Blog.UI.Photo.PhotoList" %>

<%@ Register Assembly="AspNetPager" Namespace="Wuqi.Webdiyer" TagPrefix="bigying" %>
<asp:Content ID="heard" ContentPlaceHolderID="head" runat="server">
    <style type="text/css">
        .contentdiv
        {
            height: 200px;
            width: 130px;
            border: 1px solid blue;
            margin: 4px 2px;
            display: inline-block;
        }

            .contentdiv ul
            {
                text-align: center;
            }

        .pictureimg
        {
            width: 130px;
            height: 150px;
        }

        #pagingdiv
        {
            width: 400px;
            border: 1px solid red;
            position: relative;
            left: 320px;
            top: 250px;
        }
        #uploaddiv
        {
            width:200px;
            height:100px;
            border:1px solid red;
            margin:50px auto;
            display:none;
        }
    </style>
    <script src="/JS/jquery-1.9.1.min.js"></script>
    <script src="/JS/AjaxHelper.js"></script>
   <script type="text/javascript">

       //var pid;
       //var paid;
       function Delete(id)
       {
           alert(id);
       }
       function Showupload(pid,paid)
       {
           $("#uploaddiv").show();
           $("#pid").val(pid);
           $("#paid").val(paid);
       }
       function Cancleupload() {
           $("#uploaddiv").hide();
           
       }
       function Uploadphotoajax()
       {
           //手写ajax复习
           //var xhr = new XMLHttpRequest();
           //xhr.open("post", "/Photo/upload.ashx", true);
           //xhr.setRequestHeader("content-type","multipart/form-data");
           //xhr.onreadystatechange = function () {
           //    if (xhr.status == 200 && xhr.readyState == 4)
           //    {
           //        alert(xhr.responseText);
           //    }
           //}
           //xhr.send($("#f1").serialize());
           //AjaxHelper.prcessPost("/Photo/upload.ashx", $("#f1").serialize(), function (ajaxobj) {
           //    alert(ajaxobj);
           //});
           $("#uploadLog").html("上传中...");
           $("#f1").submit();
       }
       function uploadSuccess(msg)
       {
           if (msg.split('|').length > 1) {
               $("#imgShow").attr("src", msg.split('|')[1]);
               $("#uploadLog").html($("#uploadLog").html()+"<br/>"+msg.split('|')[0]);
           }
           else {
               alert(msg);
           }
       }
   </script>
</asp:Content>
<asp:Content ID="content" ContentPlaceHolderID="ContentPlaceHolder01" runat="server">
    <form runat="server">
    <asp:Repeater ID="Repeater1" runat="server" OnItemCommand="Repeater1_ItemCommand">
        <ItemTemplate>
            <div class="contentdiv">
            <ul>
                <li class="pictureli">
                    <img class="pictureimg" src="/Upload/Images/<%#Eval("Psrc")%>" /></li>
                <li><%#Eval("Ptitle") %></li>
                <li><asp:LinkButton ID="LinkButton1" runat="server" CommandArgument='<%#Eval("Pid") %>' CommandName="btnDel">删除</asp:LinkButton>

                    <a href="javascript:void(0)" onclick="Edit(<%#Eval("Pid")%>)">修改</a>

                    <a href="javascript:void(0)" onclick='Showupload(<%#Eval("PId")%>,<%#Eval("PAlbum") %>)'>上传</a>
                </li>
            </ul>
        </div>
           
        </ItemTemplate>
    </asp:Repeater>
   
    <div id="pagingdiv"> <bigying:AspNetPager ID="pager"  runat="server" AlwaysShow="true" FirstPageText="首页" LastPageText="尾页" NextPageText="后页" PageIndexBoxType="TextBox" PrevPageText="前页" ShowPageIndexBox="Always" SubmitButtonText="Go" TextAfterPageIndexBox="页" TextBeforePageIndexBox="转到" PageSize="5" OnPageChanged="pager_PageChanged"></bigying:AspNetPager>
        </div> </form>  
    <div id="uploaddiv">
        
        <%-- 这里用一个隐藏的iframe，将form的target指向iframe，而该iframe是隐藏的，从而达到无刷新上传，ajax一般操作字符串 --%>
        <form method="post" id="f1" enctype="multipart/form-data" action="upload.ashx" target="frame1">
          <%-- 隐藏控件保存paid和pid传递值 --%>
             <input type="hidden" id="paid" name="paid" />
            <input type="hidden" id="pid" name="pid" />
             <table >
                <tr>
                    <td><label id="uploadLog"></label></td>
                    <td><img width="40px" src="" id="imgShow" alt="缩略图" /></td>
                </tr>
                <tr>
                    <td colspan="2">
                        <input type="file" name="filepath" multiple="multiple" id="fileajax" /></td>
                    
                </tr>
                <tr>
                    <td>
                        <input type="button" value="上传" onclick="Uploadphotoajax()" /></td>
                    <td>
                        <input type="button" value="取消" onclick="Cancleupload()" /></td>
                </tr>

            </table>
        </form>
        <iframe style="display:none" name="frame1" id="frame1"></iframe>
       
    </div>
</asp:Content>

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace Blog.UI.Photo
{
    using Blog.BLL;
    using Blog.Model;
    using Blog.Common;
    using System.Drawing;
    /// <summary>
    /// upload 的摘要说明
    /// </summary>
    public class upload : IHttpHandler
    {

        public void ProcessRequest(HttpContext context)
        {
            if (context.Request.HttpMethod.ToLower() == "post")
            {
                Uploadphoto(context);
            }
        }

        private static void Uploadphoto(HttpContext context)
        {
            string paid = context.Request.Form["paid"];
            string pid = context.Request.Form["pid"];
            //得到上传来的文件集合判断集合长度，遍历集合元素因为可能是多文件上传
            HttpFileCollection myfilelist = context.Request.Files;
            if (myfilelist.Count > 0)
            {
                for (int i = 0; i < myfilelist.Count; i++)
                {
                    //判断是否为空文件，并且要求为图片文件
                    if (myfilelist[i].ContentLength > 3 && myfilelist[i].ContentType.StartsWith("image/"))
                    {
                        //旧名字到生成新名字随机字符串
                        string oldname = myfilelist[i].FileName;
                        string suffixname = System.IO.Path.GetExtension(oldname);
                        string newname = Guid.NewGuid() + suffixname;
                        string path = "/Upload/Images/" + newname;
                        //把集合中图片放进2进制流，把这个流创建一个img
                        using (Image img = Image.FromStream(myfilelist[i].InputStream))
                        {

                            img.Save(context.Server.MapPath(path));
                            //img.Save(context.Response.OutputStream, img.RawFormat);

                        }
                        BlogPhotoBLL bpBLL = new BlogPhotoBLL();

                        BlogPhoto model = bpBLL.GetModel(int.Parse(pid));
                        model.PSrc = newname;
                        if (bpBLL.Update(model))
                        {
                            context.Response.Write("<script>window.parent.uploadSuccess('" + oldname + "上传成功|" + path + "');window.parent.location='/Photo/PhotoList.aspx?paid="+paid+"';</script>");
                            context.Response.End();
                        }
                        else
                        {
                            context.Response.Write("<script>window.parent.uploadSuccess('" + oldname + "上传不成功|" + path + "');</script>");
                        }
                    }
                }

            }
        }

        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }
}

 /// <summary>
        /// 封装上传图片方法支持多张上传
        /// </summary>
        /// <param name="imgpath"></param>
        /// <param name="thumpath"></param>
        /// <param name="waterimgname"></param>
        private void Uploadphoto(string imgpath, string thumpath, string waterimgname)
        {
            HttpFileCollection hfclist = request.Files;
            if (hfclist.Count > 0)
            {
                // 遍历得到的文件集合
                for (int i = 0; i < hfclist.Count; i++)
                {
                    //判断集合中元素是否长度为空，是否是图片
                    if (hfclist[i].ContentLength > 3 && hfclist[i].ContentType.StartsWith("image/"))
                    {
                        //上传文件名称
                        string oldname = hfclist[i].FileName;
                        //后缀名
                        string extname = System.IO.Path.GetExtension(oldname);
                        //生成新名字
                        string newname = Guid.NewGuid().ToString() + extname;
                        //
                        
                        //是就得到后缀名，新建一个随机文件名保存在/imgs文件夹下
                        using (Image img = Image.FromStream(hfclist[i].InputStream))
                        {
                            //得到缩略图
                            Image thumimg = img.GetThumbnailImage(130, 150, null, System.IntPtr.Zero);

                            thumimg.Save(thumpath+newname);
                           
                            using (Image imgwater = Image.FromFile(thumpath + waterimgname))
                            {
                                //得到水印图片/imgs/mywater.png打水印
                                using (Graphics g = Graphics.FromImage(img))
                                {
                                    //在指定矩形位置画指定矩形大小图像
                                    g.DrawImage(imgwater, new Rectangle(0, 0, 40, 40), new Rectangle(4, 4, imgwater.Width , imgwater.Height), GraphicsUnit.Pixel);
                                    //存起来
                                    img.Save(imgpath + newname + "");
                                    response.Write("<script>window.parent.Uploadresponse('" + oldname + "+上传成功|+" + newname + "')</script>");
                                }
                            }

                        }

                    }
                }

做分页的时候使用了两套分页插件，一套前台分页插件jpaginate demo  一套后台自定义控件 aspnetpager.dll       

2.0ajax技术结合json格式处理增删改查

3.0session 和cookie结合实现免登陆

4.0进程外session   

1.0使用状态服务器存session
开启状态服务器。配置配置文件//默认端口42424
<sessionstate stateconnectionstring ="tcpip=127.0.0.1:42424" mode="StateServer"/>

2.0使用数据库存session
去到fw文件夹中执行创建session数据库的脚本
c:windowsmicrosoft.netframworkv4.0...
数据库 账号 密码
执行cmd命令aspnet_regsql –S . -U sa -P master –ssadd -sstype c -d aspnetdb

5.0缓存    页面缓存 数据缓存

01 整页缓存<% @outputcache duration="10" varybyparam="none"%>
02 参数缓存<% @outputcache duration="10" varybyparam="id;name"%>
03根据页面控件缓存 <% @outputcache duration="10" varybyparam="none" varybycontrol="Dropdownlist1"%>
04控件缓存（片段缓存，局部缓存）
.ascx中设置整页缓存

数据缓存

绝对时间缓存
相对时间缓存
文件依赖缓存 文件依赖项改变时候缓存重置
数据库依赖缓存 数据库表依赖项改变时候缓存重置

简单工厂模式

　　解决紧耦合问题，思想是加多一个接口层，一个factory工厂层。断开bll层对dal层的联系。使用工厂返回接口对象（实现了接口的对象）用接口接收。