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);
}
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);
}
相关文章推荐
- 什么时候使用Shell
- Jquery中的bind(),live(),delegate(),on()绑定事件方式
- Codeforces Round #202 (Div. 2)(B)贪心,思维
- windows下使用curl命令
- spark transform系列__join
- 【五校联考2day1】补给站
- Android Studio gradle的基本用法
- centos6.5Xen4.2安装
- 随机色
- embed 层级太高
- hdoj5510Bazinga【strstr+并查集】
- 几种常见的Shell
- Shell简介:什么是Shell,Shell命令的两种执行方式
- 数据结构——队列
- ios 建立私有的 pod 仓库
- CentOS搭建svn服务器支持https访问
- Linux下rsync设置+inotify设置文件同步
- Shell脚本语言与编译型语言的差异
- 通知栏的相关用法记录
- TableViewCell的复用出现数据重复的解决方法