首页 > Web开发 > 详细

Asp.net +Jquery-uploadify多文件上传

时间:2015-10-22 12:33:34      阅读:335      评论:0      收藏:0      [点我收藏+]

页面代码如下:

<link href="JS/jquery.uploadify/uploadify.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="JS/jquery.min.js"></script>
    <script type="text/javascript" src="JS/jquery.uploadify/jquery.uploadify.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#uploadify").uploadify({
                swf: /JS/jquery.uploadify/uploadify.swf,
                uploader: UploadHandler.ashx,
                buttonImage: /img/bgimg.jpg,
                auto: true,
                multi: true,
                queueID: fileQueue,
                width: 157,
                height: 45,
                fileSizeLimit: 50MB,
                fileTypeExts: *.docx;*.doc;*.ppt;*.pptx;*.pdf;*.caj;*.txt;*.rar;*.zip;*.jpg;*.gif;,
                fileTypeDesc:: 请选择docx doc ppt pptx pdf caj txt rar zip jpg gif文件,
                progressData: all,
                removeCompleted: false,
                overrideEvents: [onSelectError, onDialogClose],
                //返回一个错误,选择文件的时候触发
                onSelectError: function (file, errorCode, errorMsg) {
                    switch (errorCode) {
                        case -100:
                            alert("上传的文件数量已经超出系统限制的" + $(#uploadify).uploadify(settings, queueSizeLimit) + "个文件!");
                            break;
                        case -110:
                            alert("文件 [" + file.name + "] 大小超出系统限制的" + $(#uploadify).uploadify(settings, fileSizeLimit) + "大小!");
                            break;
                        case -120:
                            alert("文件 [" + file.name + "] 大小异常!");
                            break;
                        case -130:
                            alert("文件 [" + file.name + "] 类型不正确!");
                            break;
                    }
                    return true;
                },
                //检测FLASH失败调用
                onFallback: function () {
                    alert("您未安装FLASH控件,无法上传图片!请安装FLASH控件后再试。");
                }
 
            });
        });
    </script>
<body>
    <p>
        <a href="javascript:$(‘#uploadify‘).uploadifyUpload()">上传</a>| 
        <a href="javascript:$(‘#uploadify‘).uploadifyClearQueue()">取消上传</a>
    </p>
    <input type="file" name="uploadify" id="uploadify" />
    <div id="fileQueue" style=""></div>
</body>

处理文件UploadHandler.ashx.cs代码如下:

/// <summary>
    /// $codebehindclassname$ 的摘要说明
    /// </summary>
    [WebService(Namespace = "http://tempuri.org/")]
    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
 
    public class UploadHandler : IHttpHandler
    {
        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";   
            context.Response.Charset = "utf-8";   
 
            HttpPostedFile file = context.Request.Files["Filedata"];   
            string  uploadPath = 
                HttpContext.Current.Server.MapPath(@context.Request["folder"])+"\\";  
 
            if (file != null)  
            {  
               if (!Directory.Exists(uploadPath))  
               {  
                   Directory.CreateDirectory(uploadPath);  
               }   
               file.SaveAs(uploadPath + file.FileName);  
                //下面这句代码缺少的话,上传成功后上传队列的显示不会自动消失
               context.Response.Write("1");  
            }   
            else  
            {   
                context.Response.Write("0");   
            }  
        }
 
        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }

 

 

Asp.net +Jquery-uploadify多文件上传

原文:http://www.cnblogs.com/huhangfei/p/4900316.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!