使用jquery.uploadify上传文件

今天在网上找了一天，想要找到一个比较全的使用案例，结果发现基本上全是一个版本的。。。

我的问题主要是上传完成后，还需要将路径获取到，然后保存到数据库。

查了一下资料发现有这么一个参数onComplete，然后就想明白了。

话不多，开始code

    <link rel="Stylesheet" href="js/uploadify.css" />

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

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

    <script type="text/javascript" src="js/jquery.uploadify.min.js"></script>
 <script type="text/javascript">
       $(document).ready(function() {
            $("#uploadify").uploadify({
                'uploader': 'js/uploadify.swf',
                'script': 'UploadFile.ashx',
                'cancelImg': 'js/cancel.png',
                'folder': 'upload',
                'queueID': 'fileQueue',
                'auto': true,
                'multi': true,
                'buttonText': '',
                'buttonImg':'js/browseBtn.png',
                'height':'25',
                'wmode':'transparent',
                'onComplete':function (event, queueId, fileObj, response, data)   
                 {    
                    //可以用隐藏域隐藏起来
                    $('<li></li>').appendTo('.files').text(response);    
                 },
            });
          
       });  
    </script>


　　　　//页面正文内容
　　　　<input type="file" name="uploadify" id="uploadify" />
       <%--<a href="javascript:$('#uploadify').uploadifyUpload()">上传</a>| <a href="javascript:$('#uploadify').uploadifyClearQueue()"> 取消上传</a>--%>
　　　　<div id="fileQueue"></div>
       <div class="files"></div>

从网上找的图片，挺好看的，大家可以试试。

后台UploadFile.ashx文件中

HttpPostedFile file = context.Request.Files["FileData"];
            string uploadpath = context.Server.MapPath(context.Request["folder"] + "\");

            if (file != null)
            {
                if (!Directory.Exists(uploadpath))
                {
                    Directory.CreateDirectory(uploadpath);
                }
                file.SaveAs(uploadpath + file.FileName);
　　　　　　　　　　//在这里将文件保存的路径返回到页面
                context.Response.Write(uploadpath + file.FileName);
            }
            else
            {
                context.Response.Write("0");
            }

在处理程序中也可以返回自定义的json，前台onComplete事件中通过参数response接收到数据，解析，然后使用jquery将路径保存到隐藏域里面，在提交保存时，通过隐藏域对象获取到路径就ok了

我也是初次使用，大家要有好的建议可以一起讨论。

附上自己写的小demo：点击这里下载...