jquery.uploadify+ashx实现文件上传

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" runat="server">

    <title>Uploadify</title>

    <%--<link href="JS/example/css/default.css"

rel="stylesheet" type="text/css" />--%>

    <link href="js/uploadify.css" rel="stylesheet" type="text/css" />

    <link href="js/uploadify.css" rel="stylesheet" type="text/css" />



    <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>



    <script type="text/javascript" src="js/swfobject.js"></script>



    <script src="js/jquery.uploadify.v2.1.4.min.js" type="text/javascript"></script>



    <script type="text/javascript">

        $(document).ready(function() {

            $("#uploadify").uploadify({

                'uploader': 'js/uploadify.swf',

                'script': 'UploadHandler.ashx',

                'cancelImg': 'js/cancel.png',

                'folder': 'UploadFile',

                'queueID': 'fileQueue',

                'auto': false,

                'multi': true

            });

        });

    </script>



</head>

<body>

    <div id="fileQueue">

    </div>

    <input type="file" name="uploadify" id="uploadify" />

    <p>

        <a href="javascript:$('#uploadify').uploadifyUpload()">上传</a>| <a href="javascript:$('#uploadify').uploadifyClearQueue()">

            取消上传</a>

    </p>

</body>

</html>

 

 

View Code
using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.IO;



namespace WebApplication1

{

    /// <summary>

    /// $codebehindclassname$ 的摘要说明

    /// </summary>



    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;

            }

        }

    }

}

 

你可能感兴趣的:(uploadify)