一、前台页面

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title></title>

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

    <script src="js/ajaxfileupload.js"></script>

    <script type="text/javascript">

        function CheckFile() {

            $.ajaxFileUpload({

                url: 'upload.ashx?time=' + new Date(),

                secureuri: false,

                fileElementId: 'fuFileLoad', //上传控件ID

                dataType: 'json', //返回值类型 一般设置为json

                success: function (data, status) {

                    var jsonData = $.parseJSON(data);

                    alert(jsonData.Eor);

                    if (jsonData.Eor == "succss") {

                        alert(jsonData.Msg);

                    } else {

                        alert(jsonData.Msg);

                    }

                },

                error: function (data, status, e) {

                    alert(e);   //就是在这弹出“语法错误”

                }

            });

        }

    </script>

</head>

<body>

    <form id="form1" runat="server">

        <asp:FileUpload ID="fuFileLoad" runat="server" onchange="CheckFile();" />

    </form>

</body>

</html>

二、上传功能代码 upload.ashx

using System;

using System.IO;

using System.Web;

using System.Web.Script.Serialization;

public class upload : IHttpHandler {

    public void ProcessRequest (HttpContext context) {

        //文件大小限制10M

        const int maxSize = 10485760;

        //定义允许上传的文件扩展名

        var ext = new[] { "rar", "zip", "gif", "jpg", "jpeg", "png", "bmp", "xls", "xlsx", "doc", "docx", "et", "wps" };

        string strExt = "";

        foreach (var a in ext)

        {

            strExt += a + "/";

        }

        strExt = strExt.TrimEnd('/');

        string savePath = "/upLoads/";                //文件保存路径

        var resp = new UploadResponse();

        HttpFileCollection imgFile = context.Request.Files;

        if (imgFile.Count > 0)

        {

            string fileExt = Path.GetExtension(imgFile[0].FileName);           //获得扩展名

            if (string.IsNullOrEmpty(fileExt) || Array.IndexOf(ext, fileExt.Substring(1).ToLower()) < 0)

            {

                resp.Eor = "error";

                resp.Msg = string.Format("扩展名为{0}的文件不允许上传!\n只允许上传{1}格式的文件。", fileExt, strExt);

            }

            else

            {

                if (imgFile[0].InputStream.Length > maxSize)

                {

                    resp.Eor = "error";

                    resp.Msg = "上传文件大小超过限制！";

                }

                else

                {

                    string fileNewName = DateTime.Now.ToString("yyyyMMddHHmmssffff") + fileExt;     //新的文件名

                    try

                    {

                        SaveFile(imgFile[0], context.Server.MapPath(savePath), fileNewName);       //保存文件

                        resp.Eor = "succss";

                        resp.Msg = "上传成功! 文件大小为:" + imgFile[0].ContentLength;

                        resp.ImgUrl = savePath + fileNewName;

                        resp.FName = fileNewName;

                        resp.OName = imgFile[0].FileName;

                    }

                    catch (Exception ex)

                    {

                        resp.Eor = "error";

                        resp.Msg = ex.ToString();

                    }

                }

            }

        }

        else

        {

            resp.Eor = "error";

            resp.Msg = "请选择文件!";

        }

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

        context.Response.Write(new JavaScriptSerializer().Serialize(resp));

        context.Response.End();

    }

    private void SaveFile(HttpPostedFile imgFile, string savePath, string fileName)

    {

        if (!Directory.Exists(savePath))    //判断文件存放路径是否存在

        {

            Directory.CreateDirectory(savePath);

        }

        imgFile.SaveAs(Path.Combine(savePath, fileName));

    }

    public class UploadResponse

    {

        public string Eor { get; set; }

        public string Msg { get; set; }

        public string ImgUrl { get; set; }

        public string FName { get; set; }

        public string OName { get; set; }

    }

    public bool IsReusable {

        get {

            return false;

        }

    }

}

三、返回的json数据调整

四、源代码下载地址：http://pan.baidu.com/s/1jGo1wzW

热烈欢迎大家吐槽。

AjaxFileUpload 在C#中应用的更多相关文章

  1. JQuery文件上传插件ajaxFileUpload在Asp.net MVC中的使用

    0 ajaxFileUpload简介 ajaxFileUpload插件是一个非常简单的基于Jquery的异步上传文件的插件,使用过程中发现很多与这个同名的,基于原始版本基础之上修改过的插件,文件版本比 ...

  2. ajaxFileUpload增加附加参数

    直接说方法: $.ajaxFileUpload({ data:{"a":123,"b":456};//附加参数,json格式 }); 然后在ajaxFileUp ...

  3. ajaxFileUpload 报这错jQuery.handleError is not a function 博客分类： WEB前端jquery

    ajaxfileuploadhandleError  今天刚打个一个技术群,里面有人问标题上的问题,嘿,我恰好遇过,现在大家至少也在用jquery1.9以上的版本,ajaxfileupload的版本早 ...

  4. ajaxFileUpload 报这错jQuery.handleError is not a function

    今天刚打个一个技术群,里面有人问标题上的问题,嘿,我恰好遇过,现在大家至少也在用jquery1.9以上的版本,ajaxfileupload的版本早就不更新了,大家可以下载看:地址这里, 它例子里使用的 ...

  5. JS ajaxfileUpload 一次性上传多个input控件 上传多个文件

    本方法适用于一次性上传多个input框输入的文件,如下图所示,任务是需要一次上传两个input框提供的两个文件. 具体方法: 1.修改ajax调用方法 如上图所示,只需要将ajaxFileUpload ...

  6. ajaxfileupload插件，C#返回Json数据报错

    报错信息一:jQuery.handleError is not a function 上传图片的时候,通过F12,查看到这个错误. 解决方案: jquery版本问题,handlerError只在jqu ...

  7. 【转载】ajaxFileUpload 报这错jQuery.handleError is not a function

    今天刚打个一个技术群,里面有人问标题上的问题,嘿,我恰好遇过,现在大家至少也在用jquery1.9以上的版本,ajaxfileupload的版本早就不更新了,大家可以下载看:地址这里,它例子里使用的J ...

  8. jQuery 关于IE9上传文件无法进入后台问题的原因及解决办法（ajaxfileupload.js第四弹）

    第四弹的诞生完全不在自己最初的计划之中,是有个网友看了先前关于<ajaxfileupload.js系列>的文章后提出的问题,由于自己一直是用chrome浏览器去测试demo,完全忽略IE浏 ...

  9. input file 图片上传

    使用第三方:jquery.ajaxfileupload.jsinput中的name根据后端来定 <form method="post" enctype="multi ...

随机推荐

  1. cdoj 1136 邱老师玩游戏 树形背包

    邱老师玩游戏 Time Limit: 20 Sec Memory Limit: 256 MB 题目连接 http://acm.uestc.edu.cn/#/problem/show/1136 Desc ...

  2. Codeforces Round #313 (Div. 2) B. Gerald is into Art 水题

    B. Gerald is into Art Time Limit: 20 Sec Memory Limit: 256 MB 题目连接 http://codeforces.com/contest/560 ...

  3. 用 Swift 制作一个漂亮的汉堡按钮过渡动画

    汉堡按钮在界面设计中已经是老生常谈了,但是当我在dribbble看到这个漂亮的过渡动画时,我决定试试用代码实现它.   这是 CreativeDash team 的原型图: 你可能已经注意到了,汉堡顶 ...

  4. android141 360 安装软件管理

                      主界面: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/andro ...

  5. 如何通过VIM把代码格式化后生成HTML网页代码

    本文转自http://wangxiaoyu.blog.51cto.com/922065/203471 需求及思路:演示需要,需要网站上嵌入一些代码,我的建议做法是根据代码文件,生成相应的HTML代码, ...

  6. sql server where、group by、order by 执行顺序

    2012-02-07 19:39 先where 条件1,再 group by 条件2再 order by 条件3 如果声明了 GROUP BY 子句,输出就分成匹配一个或多个数值的不同组里. 如果出现 ...

  7. 小白日记26：kali渗透测试之提权（六）--收集敏感信息，隐藏痕迹

    提权后操作 提权之后,要收集目标系统的重要信息LINUX /etc/resolv.conf       #查看DNS配置,是否可以进行DNS篡改或劫持 /etc/passwd         #存放账 ...

  8. Ubuntu配置ssh server

    SSH-Server配置指南 一.SSH简介 SSH (Secure Shell)是一个应用程序中提供安全通信的协议,通过SSH协议可以安全地访问服务器,因为SSH 具有成熟的公钥加密体系,在数据进行 ...

  9. Android（java）学习笔记103：Map集合的获取功能

    package cn.itcast_01; import java.util.Collection; import java.util.HashMap; import java.util.Map; i ...

  10. Android（java）学习笔记93：Android布局详解之一：FrameLayout

    FrameLayout是最简单的布局了.所有放在布局里的控件,都按照层次堆叠在屏幕的左上角.后加进来的控件覆盖前面的控件. 在FrameLayout布局里,定义任何空间的位置相关的属性都毫无意义.控件 ...