uploadify多文件上传

来源:互联网 发布:win7 桌面 网络 编辑:程序博客网 时间:2024/05/22 17:32

最近做了这个,mark一下

1、上传按钮

<input id="fileInput" name="fileInput" type="file" multiple="true">

//提交按钮

 <button type="button" class="width-30 btn btn-sm btn-primary" onclick="uploadsave();"> 上  传 </button>

2、js引用

<link rel="stylesheet" type="text/css" href="__JS__uploadify/uploadify.css">
<load href="__JS__jquery-easyui/jquery-ui-1.8.17.custom.min.js"/>
<load href="__JS__uploadify/jquery.uploadify.min.js"/>

3、js部分

<script type="text/javascript">
$(function () {
$('#fileInput').uploadify({
     'swf'       :'__JS__uploadify/uploadify.swf',
    "uploader"  :"{:U('Audio/Audio/uploadAudio')}",//后台处理文件
    "formData"  :{'uploadbatchadid':$("#hidadid").val()},
   "fileObjName"     : "fileobj",
      "buttonText"      : "批量上传",
      "method"          : "post",//方法,服务端可以用$_POST数组获取数据
      "width"           : 120,
      'removeTimeout'   : 1,
      'fileTypeExts'    : '*.mp3',//上传文件扩展名
      'auto'            : false,//不自动上传
      'onQueueComplete' : function(queueData) {//全部上传完成事件
      if($('#uploadcheck').val() == 'true')
      {
    if($('#uploadresult').val() == 'success')
    {           
    alert('文件上传成功');
               //location.reload();
    }else
    {
    alert('文件部分上传失败');
    }
        }
         },
        'onUploadSuccess': uploadbatch,
        'onUploadStart'  : check,//上传前文件名检查
        'onUploadError'  : function(file, errorCode, errorMsg, errorString) {
    alert(file.name + '文件命名不符合规范');
        },
        'onSelect' : function(file) {
        $('#uploadcheck').val('true');
        }
   });
//可以根据自己的要求来做相应处理
function uploadbatch(file, data){
   var data = $.parseJSON(data);
       
   if(!data.code){
       alert(data.name + data.info);    
       $('#uploadresult').val('fail');
   }
    } 


function check(file)
{
   var filename = file.name.replace(/(^\s*)|(\s*$)/g, "");
   var reg = /^(卷\d+\s+)?第\d+章(\s+)\S+\.mp3$/;
   if(!reg.test(filename))
   {
    $('#uploadcheck').val('false');
    this.cancelUpload(file.id); //取消上传
    $('#' + file.id).remove(); //清除队列
   }
}
});

4、上传提交

function uploadsave(acid)
{
    //动态传递值
$('#fileInput2').uploadify('settings',"formData", {'uploadbatchadid':$("#uploadadid").val(),'uploadacid':$("#uploadacid").val()});
$('#fileInput2').uploadify('upload','*');
}

5、后台处理代码

public function uploadAudio()
{
$ADID = I('uploadbatchadid');
$ACID = I('uploadacid',0,'int');


    $service  = S2A('Audio/Audio');
    $result = $service->UploadSave($ADID,$ACID,$_FILES['fileobj']);
    /* 返回JSON数据 */
    $this->ajaxReturn($result);
}


0 0
原创粉丝点击