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

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. CocoSocket开源下载与编写经验分享

    CocoSocket分享 cocos2dx 3.1都出了,但依然没有发现与它原生的SOCKET支持,于是,这几天在家,手工撸了一个. 目前版本对IOS,ANDROID,WINDOWS支持良好.且为异步 ...

  2. IOS上架流程

    来个简易版本的.此版本针对用于初次上架的MAC以及在别的本上上架过,但是新换MAC但不换开发者帐号的MAC. 1:首先确认本机没有老旧的开发和distribution证书,有的话,删除: 2:在本机打 ...

  3. 国外社交网站获取分享数量APIs

    之前有一篇文章详细介绍了如何获取网页在Facebook,Twitter和LinkedIn社交平台上分享的数量,点击这里查看.这里再扩充一下! Twitter GET URL: http://cdn.a ...

  4. osgi dm

    看了http://developer.51cto.com/art/200909/154863.htm 真心感到,最强大最有组织的技术网站还是 51cto,牛人应该也是最多的. 以前逛51cto的比较少 ...

  5. Atitit 项目培训与学校的一些思路总结

    Atitit 项目培训与学校的一些思路总结 1.1. Overview implet review  OIR学习大法1 1.2. "录取流程,对报名者唯一的要求是学习该项目所必须的先修知识和 ...

  6. Python的枚举类型

    Python的 Python的没有我们有两种用法: 创建Enum的实例 创建Enum的subclass 创建Enum的实例 from enum import Enum, unique Month = ...

  7. angular测试-Karma + Jasmine配置

    首先讲一下大致的流程: 需要node环境,首先先要安装node,node不会?请自行搜索.版本>0.8 安装node完成之后先要测试下npm是否测试通过,如下图所示 首先看下目录结构 目录为:F ...

  8. 通过Class获取标签，兼容的几种思路

    在js中通过document.getElementsByClassName()在低版本IE浏览器中不兼容.然后我写了几种方案,大家可以参考参考. html代码 <!DOCTYPE html> ...

  9. 文本溢出text-overflow和文本阴影text-shadow

    前面的话 CSS3新增了一些关于文本的样式,其中text-overflow文本溢出和text-shadow文本阴影有些特别.因为它们有对应的overflow溢出属性和box-shadow盒子阴影属性. ...

  10. poj2060Taxi Cab Scheme(二分图匹配)

    /* 题意: 出租车 有一个出发的时间,从点(a, b)到点(c, d),时间为 abs(a-c)+abs(b-d)! 一辆车可以在运完一个乘客后运另一个乘客, 条件是此车要在预约开始前一分钟之前到达 ...