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

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. 使用protractor操作页面元素

    Protractor是为Angular JS应用量身打造的端到端测试框架.它可以真实的驱动浏览器,自动完成对web应用的测试.Protractor驱动浏览器使用的是WebDriver标准,所以使用起来 ...

  2. nginx1

    简介: Nginx全程是什么? Nginx ("engine x") 是一个高性能的 HTTP 和 反向代理 服务器,也是一个 IMAP/POP3/SMTP 代理服务器. 安装 配 ...

  3. 看svn用户组管理功能的产品设计

    我负责公司的svn配置.用了近一年了,今天饶有兴致,分享一下svn的用户组管理功能,这个产品设计值得借鉴,简单易用. svn用户组管理的功能描述:新建用户组,并给组分配成员用户:编辑用户组,包括修改组 ...

  4. JS判断鼠标移入元素的方向

    最终效果 这里的关键主要是判断鼠标是从哪个方向进入和离开的 $("li").on("mouseenter mouseleave",function(e) { v ...

  5. 缓存篇(Cache)~第三回　HttpModule实现网页的文件级缓存

    返回目录 再写完缓存篇第一回之后,得到了很多朋友的好评和来信,所以,决定加快步伐,尽快把剩下的文章写完,本篇是第三回,主要介绍使用HttpModule实现的文件级缓存,在看本文之前,大家需要限度Htt ...

  6. iOS ---Extension编程指南

    当iOS 8.0和OS X v10.10发布后,一个全新的概念出现在我们眼前,那就是应用扩展.顾名思义,应用扩展允许开发者扩展应用的自定义功能和内容,能够让用户在使用其他app时使用该项功能.你可以开 ...

  7. VUX 移动前端框架使用文档

    VUX 移动前端框架使用文档 https://owlaford.gitbooks.io/vux-mobile-framework/content/index.html

  8. TSQL order by 子句中排序列的多种写法

    Order by 子句用于对结果进行排序,执行顺序位于select子句之后,排序列有4中写法: column_name column_alias,由于order by子句的执行顺序位于select子句 ...

  9. TSql HierarchyID 数据类型用法

    HierarchyID 数据类型是一种长度可变的系统数据类型.可使用 HierarchyID 表示层次结构中的位置.类型为 HierarchyID 的列不会自动表示树,由应用程序来生成和分配 Hier ...

  10. Javascript函数中的高级运用

    先介绍一下js中的高阶函数,所谓的高阶函数就是,一个函数中的参数是一个函数或者返回的是一个函数,就称为高阶函数. js中已经提高了一下高阶函数,使用起来非常棒,当然我们也可以自己实现,我介绍几种ES5 ...