[转载]thinkphp3.2+bootstrap-inputfile多文件上传
来源:互联网 发布:影楼美工 编辑:程序博客网 时间:2024/05/17 23:11
1.下载bootstrap-inputfile下载地址:https://github.com/kartik-v/bootstrap-fileinput
2.上传实例地址:http://plugins.krajee.com/file-input-ajax-demo/1
现在我们开始使用插件
(1)首先引入文件
<!--css文件-->
<link href="__PUBLIC__/css/fileinput.css" media="all" rel="stylesheet" type="text/css" />
<link href="__PUBLIC__/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
<!--js文件-->
<script src="__PUBLIC__/js/jQuery.min.js" type="text/JavaScript"></script>
<script src="__PUBLIC__/js/bootstrap.min.js?v=3.3.6"></script>
<script src="__PUBLIC__/js/plugins/fileinput.js" type="text/javascript"></script>
<script src="__PUBLIC__/js/fileinput.min.js" type="text/javascript"></script>
(2)初始化控件
<input id="file" name="file_data[]" type="file" multiple data-preview-file-type="any" data-show-caption="true">
data-preview-file-type="any" :设置之后可以上传多个文件
name="file_data[]" :因为要上传多个文件所以要用数组
(3)js初始化控件
$("#file").fileinput({
uploadUrl: "{:U('Admin/Img/imgupload2')}",// 上传路径
uploadAsync: false,//是否异步传输
maxFileCount: 5//最大文件上传数量
}).on('filebatchpreupload', function(event, data, id, index) {
}).on('filebatchuploadsuccess', function(event, data) {//上传成功从服务器端返回的数据(即保存的文件名称)
for(var i=0;i<data.response.length;i++){
alert(data.response[i].flag);
}
});
(4)thinkphp对应的方法
public function imgupload2(){
$upload = new \Think\Upload();// 实例化上传类
$upload->maxSize = 3145728 ;// 设置附件上传大小
$upload->exts = array('jpg', 'gif', 'png', 'jpeg');// 设置附件上传类型
$upload->rootPath = './Public/Uploads/';// 设置附件上传根目录
$upload->savePath = ''; // 设置附件上传(子)目录
$info = $upload->upload(array($_FILES['file_data'])); // 上传文件
$i=0;
if(!$info) {// 上传错误提示错误信息
$this->ajaxReturn($a,'JSON');
}else{// 上传成功 获取上传文件信息
foreach($info as $file){
$a[$i]['flag']=$file['savepath'].$file['savename'];
$i++;
}
}
$this->ajaxReturn($a,'JSON');
}
- [转载]thinkphp3.2+bootstrap-inputfile多文件上传
- thinkphp3.2+bootstrap-inputfile多文件上传
- inputfile(bootstrap)实现文件上传保存本地路径
- ThinkPHP3.2.2-多文件上传
- bootstrap inputfile.js
- ThinkPHP3.2——文件上传
- thinkphp3.2中的上传文件根目录设置
- Thinkphp3.2.2 上传文件
- adf中用inputFile上传文件到weblogic 方法1
- 上传文件到服务器方式之一:使用InputFile的ValueChangeListener
- af inputFile上传文件后立即消失的原因
- bootstrap多文件预览上传
- ThinkPHP3.2.2-上传文件路径
- Thinkphp3.2 上传详解
- ftp+nginx+inputfile上传备忘
- thinkphp3.2 =>0625-9_文件上传
- thinkphp3.2使用七牛云上传和删除文件,
- 使用BootStrap Inputfile 遇到的问题
- LeetCode | 47. Permutations II
- 对Hadoop完全分布式集群下MapReduce日志的提取
- Tomcat运行Web项目,Action中实现资源同步
- JSP
- Redis(Windows)下的开启
- [转载]thinkphp3.2+bootstrap-inputfile多文件上传
- insert/insert all/insert first详解
- 使用babel将es6代码转成es5(二)
- Git GUI中文乱码解决问题
- Unity5.6新功能High-level NavMesh之实时动态烘培NavMesh
- Mysql表类型(即存储引擎)MyISAM和InnoDB区别
- Linux 常见的查找相关笔记
- html中文编码
- C#中如何使用正则表达式