您的位置:首页 > 其它

uploadify多文件上传

2016-01-28 18:11 344 查看
最近做了这个,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);
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: