Jquery.Uploadify实现批量上传显示进度条取消上传后缩略

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="UpLoad.aspx.cs" Inherits="UploadifyDemo_UpLoad" %>            <script type="text/javascript" src="js/jquery.uploadify-v2.1.4/jquery-1.4.2.min.js">《script》    <script type="text/javascript" src="js/jquery.uploadify-v2.1.4/swfobject.js">《script》    <script type="text/javascript" src="js/jquery.uploadify-v2.1.4/jquery.uploadify.v2.1.4.min.js">《script》    <script type="text/javascript">        $(document).ready(function () {            $("#pics").hide();            $("#uploadify").uploadify({                'uploader': 'js/jquery.uploadify-v2.1.4/uploadify.swf', //uploadify.swf文件的路径                'script': 'UploadHandler.ashx?type=add', //处理文件上传的后台脚本的路径                'cancelImg': 'js/jquery.uploadify-v2.1.4/cancel.png',                'buttonText': 'Select Image',                'folder': 'UploadFile/<% = DateTime.Now.ToString("yyyyMMdd") %>/', //上传文件夹的路径按20130416                'queueID': 'fileQueue', //页面中，你想要用来作为文件队列的元素的id                'auto': false, //当文件被添加到队列时，自动上传                'multi': true, //设置为true将允许多文件上传                'fileExt': '*.jpg;*.gif;*.png', //允许上传的文件后缀                'queueSizeLimit': 5,                'fileDesc': 'Web Image Files (.JPG, .GIF, .PNG)', //在浏览窗口底部的文件类型下拉菜单中显示的文本                'sizeLimit': 1024000,  //上传文件的大小限制，单位为字节 1024*1000 1M                'onComplete': function (event, queueID, fileObj, response, data) {                    var html = "";                    html += "    
";                    html += "    
";                    html += "    
";                    html += "        
";                    html += "    
";                    html += "    
";                    $("#pics").append(html);                },                'onAllComplete': function (event, data) { //当上传队列中的所有文件都完成上传时触发                    //alert(data.filesUploaded + ' 个文件上传成功!');                    $("#pics").fadeIn();                }            });        });        function uploadpara() {            //自定义传递参数            $('#uploadify').uploadifySettings('scriptData', { 'name': $('#txtName').val(), 'albums': $('#txtAlbums').val() });            $('#uploadify').uploadifyUpload();        }        function delImage(picurl) {            jsonAjax("UploadHandler.ashx", "type=del&picurl=" + picurl, "text", callBackTxt);        }        function jsonAjax(url, param, datat, callback) {            $.ajax({                type: "post",                url: url,                data: param,                dataType: datat,                success: callback,                error: function () {                    jQuery.fn.mBox({                        message: '恢复失败'                    });                }            });        }        function callBackTxt(data) {            var o = data;            if (o != "") {                var e = $(".myli img[src='" + data + "']");                e.each(function () {                    $(this).parent().remove();                })            } else {                alert("删除失败");            }        };      《script》        
    
    
        
    
    
    
    
    
        
>

<%@ WebHandler Language="C#" Class="UploadHandler" %>using System;using System.Web;using System.IO;/// 
/// UploadHandler文件上传/// 
public class UploadHandler : IHttpHandler{    public void ProcessRequest(HttpContext context)    {        context.Response.ContentType = "text/plain";        context.Response.Charset = "utf-8";        string type = context.Request["type"];        if (type=="add")        {            HttpPostedFile file = context.Request.Files["Filedata"];            string uploadPath = HttpContext.Current.Server.MapPath(@context.Request["folder"]);            string name = context.Request.Params["name"]; //获取传递的参数            string albums = context.Request.Params["albums"];            if (file != null)            {                if (!Directory.Exists(uploadPath))                {                    Directory.CreateDirectory(uploadPath);                }                file.SaveAs(Path.Combine(uploadPath, file.FileName));                context.Response.Write(@context.Request["folder"] + file.FileName);            }            else            {                context.Response.Write("");            }        }        else if (type == "del")        {            string picurl = context.Request["picurl"];            try            {                File.Delete(context.Server.MapPath(picurl));                context.Response.Write(picurl);            }            catch            {                context.Response.Write("");            }                  }        else        { }    }    public bool IsReusable    {        get        {            return false;        }    }}