zacker330
4/11/2013 - 9:01 AM

jquery uploaddfy的使用方法

jquery uploaddfy的使用方法

gistfile1.txt
content_copyfile_download
<link rel="stylesheet" type="text/css" href="css/uploadify.css">
 <script type="text/javascript" src="jquery/jquery-1.7.js"></script>
 <script type="text/javascript" src="jquery/jquery.uploadify.min.js"></script>
 <script type="text/javascript" src="jquery/swfobject2.2.js"></script>
 <script>
$(document).ready(function() {
    $("#uploadify").uploadify({
           //开启调试
           'debug' : false,
           //是否自动上传
           'auto':false,
           //超时时间
           'successTimeout':99999,
           //附带值
           'formData':{
               'userid':'用户id',
               'username':'用户名',
               'rnd':'加密密文'
           },
           'swf': "jquery/uploadify.swf",
           'queueID':'fileQueue',
           'fileObjName':'"uploadify"',
           'uploader':'uploadAction',
           'buttonImage':'jquery/uploadify-cancel.png',
           'width':'100',
           'height':'32',
           'fileTypeDesc':'支持的格式：',
           'fileSizeLimit':'10000MB',
           'buttonText' : '选择文件',//浏览按钮
           'queueSizeLimit' : 25,
           //每次更新上载的文件的进展
           'onUploadProgress' : function(file, bytesUploaded, bytesTotal, totalBytesUploaded, totalBytesTotal) {
                //有时候上传进度什么想自己个性化控制，可以利用这个方法
                //使用方法见官方说明
           },
           //选择上传文件后调用
           'onSelect' : function(file) {
           },
           //返回一个错误，选择文件的时候触发
           '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;
               }
           },
           //检测FLASH失败调用
           'onFallback':function(){
               alert("您未安装FLASH控件，无法上传图片！请安装FLASH控件后再试。");
           },
           //上传到服务器，服务器返回相应信息到data里
           'onUploadSuccess':function(file, data, response){
            //$('#uploadify').uploadify('upload');
            //alert(data);
           }
       });
    });


 </script>


  </head>
  
  <body>
 <div id="fileQueue" style="width:300px"></div>
    <input type="file" name="uploadify" id="uploadify" multiple="true"/>
    <p>
        <a href="javascript:$('#uploadify').uploadify('upload')">开始上传</a>&nbsp;
        <a href="javascript:$('#uploadify').uploadify('cancel')">取消所有上传</a>
    </p> 
  </body>