一、前台页面

<!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. ADO.NET 快速入门（九）：使用关系型数据

    DataSet 可以包含非关联表,也可以包含关联表.你可以把 DataSet 想象成一个文档数据.事实上,除了 DataSet 是基于层级模型的,其它和 XML 数据文档是一样的.由于数据通常存储在关 ...

  2. 教你50招提升ASP.NET性能（十六）：把问题仍给硬件而不是开发人员

    (27)Throw hardware at the problem, not developers 招数27: 把问题仍给硬件而不是开发人员 As developers, we often want ...

  3. 一个奇怪的html上url参数问题

    今天踩了一个坑  如xxx.com/xxx/xxx?code=+adfdf  我需要拿到 code=+adfdf 但是后台拿到的是 adfdf, 后来只能对 code的值进行 urlencode处理了

  4. 【转】Dijkstra算法（单源最短路径）

    原文:http://www.cnblogs.com/dolphin0520/archive/2011/08/26/2155202.html 单源最短路径问题,即在图中求出给定顶点到其它任一顶点的最短路 ...

  5. 解决statusStrip控件上的项目不能靠右对齐的问题

    在c#中用到了状态栏控件StatusStrip,但当我想把StatusStrip上某个StatusLabel靠右对齐时出了问题. 按照MSDN中的办法,是设置ToolStripStatusLabel的 ...

  6. string <-> wstring

    // std::string -> std::wstringstd::string s("string");std::wstring ws;ws.assign(s.begin ...

  7. 通过缓存数据库结果提高PHP性能(转)

    众所周知,缓存数据库查询的结果可以显著缩短脚本执行时间,并最大限度地减少数据库服务器上的负载.如果要处理的数据基本上是静态的,则该技术将非常有效.这是因为对远程数据库的许多数据请求最终可以从本地缓存得 ...

  8. XtraBackup原理4

    MySQL · 答疑解惑 · 物理备份死锁分析 背景 本文对 5.6 主备场景下,在备库做物理备份遇到死锁的case进行分析,希望对大家有所帮助. 这里用的的物理备份工具是 Percona-XtraB ...

  9. Ruby on Rails Tutorial 第二章 之 微博资源

    1.微博模型如下图所示: 2.创建微博资源,命令如下: $ rails generate scaffold Micropost content:text user_id:integer  #生成微博资 ...

  10. 用户 'NT AUTHORITY\NETWORK SERVICE' 登录失败/OLE DB 错误: OLE DB 或 ODBC 错误 :

    用户 'NT AUTHORITY\NETWORK SERVICE' 登录失败/OLE DB 错误: OLE DB 或 ODBC 错误 : 2012-2-23 上午 ,弄SAAS时,发现在生成多维数据集 ...