本人菜鸟，第一次写博客，不会排版，只是记录工作中常用的东西

ajaxfileupload.js源码：

http://www.rczjp.cn/HTML/110420/20113620053635.html

前台：

<script src="../res/js/jquery-1.4.2.min.js" type="text/javascript"></script>

    <script src="ajaxfileupload.js" type="text/javascript"></script>

<script type="text/javascript">

          function ajaxFileUpload() {

              $.ajaxFileUpload(

                   {

                       url: 'Handler.ashx',            //需要链接到服务器地址

                       secureuri: false,

                       fileElementId: 'FileUpload',                        //文件选择框的id属性

                       dataType: 'json',                                     //服务器返回的格式，可以是json

                       success: function (data, status)            //相当于java中try语句块的用法

                       {

                           $("#pic_1").attr("src", "../uploadfiles/" + data.msg + "");

                       },

                       error: function (data, status, e)            //相当于java中catch语句块的用法

                       {

                           alert(data.error);

                       }

                   }

               );

          }

      </script>

<body>

<table class="pro_pic_tb">

                                            <tbody>

                                                <tr>

                                                    <td>

                                                        <div class="picdiv3">

                                                            <img src="http://www.rhebank.com/admin/images/nopic.jpg" id="pic_1" height="100"

                                                                width="100">

                                                            <div class="picdel" id="picdel_1">

                                                                <img src="http://www.rhebank.com/admin/images/del.gif" onclick="delPic(1,'resume')"></div>

                                                        </div>

                                                        <p>

                                                            <span class="input-file">上传图片

                                                             <asp:FileUpload runat="server" ID="FileUpload" onchange="javascript:ajaxFileUpload();"/>

                                                            </span>

                                                            <input name="photo" class="hidden" id="photo" >

                                                        </p>

                                                    </td>

                                                </tr>

                                            </tbody>

                                        </table>

</body>

下面是后台程序源码：

 <%@ WebHandler Language="C#" Class="Handler" %>

 using System;

 using System.Web;

 public class Handler : IHttpHandler {

     public void ProcessRequest (HttpContext context) {

         context.Response.ContentType = "text/plain";

         if (context.Request.Files.Count > )

         {

             string path = context.Server.MapPath("~/uploadfiles/");

             var file = context.Request.Files[];

             string fileName;

             if (HttpContext.Current.Request.Browser.Browser.ToUpper() == "IE")

             {

                 string[] files = file.FileName.Split(new char[] { '\\' });

                 fileName = files[files.Length - ];

             }

             else

             {

                 fileName = file.FileName;

             }

             string msg = "";

             string strFileName = fileName;

             if (string.IsNullOrEmpty(strFileName))

             {

                 msg = "{";

                 msg += string.Format("error:'{0}',\n", "请选择文件！");

                 msg += string.Format("msg:'{0}'\n", string.Empty);

                 msg += "}";

             }

             else

             {

                 fileName = System.IO.Path.Combine(path, fileName);

                 file.SaveAs(fileName);

                 msg = "{";

                 msg += string.Format("error:'{0}',\n", string.Empty);

                 msg += string.Format("msg:'{0}'\n", strFileName);

                 msg += "}";

             }

             context.Response.Write(msg);

         }

     }

     public bool IsReusable {

         get {

             return false;

         }

     }

 }

没什么特殊的，只是做个标记

ajaxfileupload asp.net 的简单使用的更多相关文章

  1. 用Asp.net实现简单的文字水印

    用Asp.net实现简单的文字水印  经常看见MOP上有人贴那种动态的图片,就是把一个字符串作为参数传给一个动态网页,就会生成一个带有这个字符串的图片,这个叫做文字水印.像什么原来的熊猫系列,还有后来 ...

  2. [ASP.NET]更简单的方法：FormsAuthentication登录ReturnUrl使用绝对路径

    转自:http://www.cnblogs.com/dudu/p/formsauthentication-returnurl-absoluteuri.html [ASP.NET]更简单的方法:Form ...

  3. 【转】asp.net mvc3 简单缓存实现sql依赖

    asp.net mvc3 简单缓存实现sql依赖   议题 随 着网站的发展,大量用户访问流行内容和动态内容,这两个方面的因素会增加平均的载入时间,给Web服务器和数据库服务器造成大量的请求压力.而大 ...

  4. ASP.Net MVC_DotNetZip简单使用方法,解决文件压缩的问题[转]

    准备工作: 在vs工具栏中找到NuGet   下载DotNetZip   现在就可以使用DotNetZip强大的类库了,在这里我给出一些简单的使用. ? 1 2 3 4 5 6 7 8 9 10 11 ...

  5. Asp.Net MVC3 简单入门第一季（三）详解Controller之Filter

    前言 前面两篇写的比较简单,刚开始写这个系列的时候我面向的对象是刚开始接触Asp.Net MVC的朋友,所以写的尽量简单.所以写的没多少技术含量.把这些技术总结出来,然后一简单的方式让更多的人很好的接 ...

  6. ASP.NET MVC4简单使用ELMAH记录系统日志

    ASP.NET MVC4简单使用ELMAH记录系统日志 前言 在项目开发.测试以及已经上线的项目中都会存在bug,而如果我们在项目的各个阶段都能及时的监控系统出现的任何问题,那么对于我们开发人员来说完 ...

  7. ajaxFileUpload上传文件简单示例

    写在前面: 上传文件的方式有很多,最近在做项目的时候,一开始也试用了利用jquery的插件ajaxFileUpload来上传大文件,下面,用一个上传文件的简单例子,记录下,学习的过程~~~ 还是老样子 ...

  8. C# Asp.net中简单操作MongoDB数据库（二）

    C# Asp.net中简单操作MongoDB数据库(一)    , mongodb数据库连接可以回顾上面的篇幅. 1.model类: public class BaseEntity { /// < ...

  9. C# Asp.net中简单操作MongoDB数据库（一）

    需要引用MongoDB.Driver.dll.MongoDB.Driver.core.dll.MongoDB.Bson.dll三个dll. 1.数据库连接: public class MongoDb ...

随机推荐

  1. AI-随机迷宫&迷宫求解

    本文记录了,人工智能中简单的搜索策略中的路径搜索策略中的A*算法,来实现迷宫寻路的问题.(这只是一次本人的课外作业) 完整的程序源码已经发送到我的Git.这里只记录了我的思路和感想以及收获. 产生随机 ...

  2. rewrite规则写法及nginx配置location总结

    rewrite只能放在server{},location{},if{}中,并且只能对域名后边的除去传递的参数外的字符串起作用. 例如http://seanlook.com/a/we/index.php ...

  3. Nodejs·构建web应用

    本篇的内容比较多..... 1 首先是从基本的Nodejs服务方面讲述前后端统一语言在web应用中的作用: 2 然后讲了web中基本的知识,从请求方法到路由.从查询字符串到Cookie和Session ...

  4. Node.js入门：文件查找机制

    文件查找流程图 从文件模块缓存中加载     尽管原生模块与文件模块的优先级不同,但是都不会优先于从文件模块的缓存中加载已经存在的模块. 从原生模块加载     原生模块的优先级仅次于文件模块缓存的优 ...

  5. 移动端 几个css3属性的练习

    转行做前端,上班有一个星期了,什么都不懂,今天学习了几个新的css3属性,记录下来. 注:所有的测试均是在chrome上手机模式测试,与真实的手机环境可能有误差 1:-webkit-tap-heigh ...

  6. Topology and Geometry in OpenCascade-Topology

    Topology and Geometry in OpenCascade-Topology eryar@163.com 摘要Abstract:本文简要介绍了几何造型中的边界表示法(BRep),并结合程 ...

  7. 程序是如何执行的（一）a=a+1

    本文链接:http://www.orlion.ml/35/ 一.概述 1.计算机中有两个主要的核心部件:CPU和内存,其中CPU负责运算而内存负责存储程序和相关的变量,每一条程序语句和变量都在内存中有 ...

  8. 深入理解javascript作用域系列第一篇——内部原理

    × 目录 [1]编译 [2]执行 [3]查询[4]嵌套[5]异常[6]原理 前面的话 javascript拥有一套设计良好的规则来存储变量,并且之后可以方便地找到这些变量,这套规则被称为作用域.作用域 ...

  9. 深入理解CSS绝对定位

    × 目录 [1]定义 [2]特性 [3]display[4]clip[5]静态位置[6]overflow 前面的话 前面已经介绍了定位的偏移和层叠,例子中大量的应用了绝对定位.因为相较于相对定位和固定 ...

  10. 深入理解CSS溢出overflow

    × 目录 [1]定义 [2]属性 [3]失效[4]应用 前面的话 当一个元素固定为某个特定大小,但内容在元素中放不下.此时就可以利用overflow属性来控制这种情况 定义 overflow溢出 值: ...