一、前台页面

<!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. 用实例展示left Join,right join,inner join,join,cross join,union 的区别

    1.向TI,T2插入数据: T1  7条 ID Field2 Field3 Field41 1 3 542 1 3 543 1 3 544 2 3 545 3 3 546 4 3 547 5 3 54 ...

  2. mybatis 关联映射传递多参数方法

    <resultMap type="com.secoo.my.bean.OrderItemComment" id="orderItemResult"> ...

  3. socket通信简单介绍

    “一切皆Socket!” 话虽些许夸张,可是事实也是,如今的网络编程差点儿都是用的socket. ——有感于实际编程和开源项目研究. 我们深谙信息交流的价值,那网络中进程之间怎样通信,如我们每天打开浏 ...

  4. c++中的强制转换static_cast、dynamic_cast、reinterpret_cast的不同用法儿

    c++中的强制转换static_cast.dynamic_cast.reinterpret_cast的不同用法儿   虽然const_cast是用来去除变量的const限定,但是static_cast ...

  5. slots - Python的结构体 转

          上个月看了篇文章 “SAVING 9 GB OF RAM WITH PYTHON’S __SLOTS__”,原来Python也有类似结构体的东东.拖了一个月才写这篇,是因为太久没看pyth ...

  6. PowerDesigner自定义列和过滤器

    好多次要增加注释列,默认值列都忘了怎么设置,写下来以备后用:) 选中表,然后右键,选择properties->columns->点击下图中那个不显眼的小图标(Customize Colum ...

  7. LeetCode: Palindrome Partition

    LeetCode: Palindrome Partition Given a string s, partition s such that every substring of the partit ...

  8. mysql的二级索引

    mysql中每个表都有一个聚簇索引(clustered index ),除此之外的表上的每个非聚簇索引都是二级索引,又叫辅助索引(secondary indexes). 以InnoDB来说,每个Inn ...

  9. 如何用eclispe远程调试tomcat--转载

    原文地址:http://jingyan.baidu.com/article/0320e2c1f4ef6b1b87507b06.html tomcat是一种非常常见的java web应用服务器,有时候服 ...

  10. MDI/MDIX接口

    转载:http://blog.chinaunix.net/uid-24148050-id-137067.html MDI/MDIX is a type of Ethernet port connect ...