一、前台页面

<!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. 部署WEB应用程序

    部署WEB应用程序: 1.在模板机上新建IIS站点 2.安装WebDeploy后在IIS控制台中导出站点为应用程序包 其站点在新虚机上必须存在,否则会报错,如下: 应用程序(C:\ProgramDat ...

  2. CSS 布局总结——变宽度布局

    变宽度布局 1-2-1 等比例变宽 总宽度设置 width: 85%; min-width: 650px; (关于IE6的min-width支持,可用) content 设置 width: 66%;  ...

  3. 我经常使用的DOS命令參考

    我经常使用的DOS命令參考         这个C:\>叫做提示符.这个闪动的横线叫做光标. 这样就表示电脑已经准备好,在等待我们给它下命令了.我们如今所须要做的,就是对电脑发出命令.给电脑什么 ...

  4. ios 7.1 7.1.1 半完美越狱后 电脑訪问手机越狱文件夹的方法

    7.1和7.1.1因为越狱不成熟,半完美越狱后电脑上无法訪问系统越狱文件夹,如var usr 等等. 今天有些意外地发现,能够在电脑上使用手机的越狱文件夹我手机 i4 7.1.1 联通 半完美越狱,没 ...

  5. 【转】Linux下（C/C++）使用system()函数一定要谨慎

    转自:http://my.oschina.net/renhc/blog/53580   曾经的曾经,被system()函数折磨过,之所以这样,是因为对system()函数了解不够深入.只是简单的知道用 ...

  6. innodb_max_dirty_pages_pct与检查点的关系

      http://ourmysql.com/archives/310 数据库运行一段时间后,经常导致服务器大量的swap,我怀疑是innodb中的脏数据太多了,因为没有free space了,mysq ...

  7. qwt总结1

    废话不想太多,说下自己的使用总结. 一般来说,对于一个图表. 可能的话,应该有一个坐标轴,QWT中,是用QwtPlot这个类 来描述一个图的坐标系图(只表示坐标系的背景,没有描点).坐标(刻度)的设置 ...

  8. SMI接口，SMI帧结构，MDC/MDIO

    转载:http://blog.csdn.net/zyboy2000/article/details/7442464 SMI全称是串行管理接口(Serial Management Interface). ...

  9. ArcEngine中打开各种数据源（WorkSpace）的连接http://www.cnblogs.com/feilong3540717/archive/2011/08/07/2129906.html

    ArcEngine中打开各种数据源(WorkSpace)的连接 ArcEngine中打开各种数据源(WorkSpace)的连接 (SDE.personal/File.ShapeFile.CAD数据.影 ...

  10. uva 133 The Dole Queue 双向约瑟夫环 模拟实现

    双向约瑟夫环. 数据规模只有20,模拟掉了.(其实公式我还是不太会推,有空得看看) 值得注意的是两个方向找值不是找到一个去掉一个,而是找到后同时去掉. 还有输出也很坑爹! 在这里不得不抱怨下Uva的o ...