uploadify上传控件使用

uploadify是JQuery的一个上传插件，实现的效果非常不错，并且带进度显示，我将给大家演示如何使用uploadify进行图片上传,

1.点我下载http://www.uploadify.com/download/

2.解包后，在使用的页面上，添加引用。

引用页面：Default.aspx

<link href="js/uploadify/uploadify.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/uploadify/uploadify.swf"></script>
<script type="text/javascript" src="js/uploadify/jquery.uploadify.min.js"></script>

3.我们在jQuery.ready中，初始化uploadify

$(function() {
$("#控件id").uploadify({
                        //指定swf文件
                  'swf': 'js/uploadify/uploadify.swf',
              //后台处理的页面

              'uploader': '../ashx/UploadHandler.ashx',
              //按钮显示的文字

              'buttonText': '上传',
              'onUploadSuccess': function(file, data, response) {//function},

                           onUploadError': function() {
                  alert("未能成功上传!");
              },
              'removeCompleted':true,
                           //允许上传的文件后缀
              'fileTypeExts': '*.gif; *.jpg; *.png',
                          //上传文件的大小限制
                          'fileSizeLimit':'1MB',
                           //选择文件的时候触发，错误
                           'onSelectError':function(file, errorCode, errorMsg){
　　　　　　　　　　　　　　　　　　switch(errorCode) {
　　　　　　　　　　　　　　　　　　:
                               alert("文件: ["+file.name+"] 大小超出限制！");
                               break;
                               ......
 　　　　　　　　　　　　　　　　}},
                           'auto': true,
               //设置为true将允许多文件上传
               'multi': false
})}

4.另外我发现，在一个页面中可以使用多个uploadify。具体其他的属性和方法大家请参阅官方api