layui html部分:
<div class="layui-upload">
<button type="button" class="layui-btn" id="test2">活动轮播图</button>
<blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
预览图:
<div class="layui-upload-list" id="demo2"></div>
</blockquote>
</div>
layui js部分:
//多图片上传
upload.render({
elem: '#test2'
,url: '/index.php/agent/agent/more_upload' //改成您自己的上传接口
,multiple: true
,before: function(obj){
//预读本地文件示例,不支持ie8
obj.preview(function(index, file, result){
$('#demo2').append('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img">')
});
}
,done: function(res){
//上传完毕
console.log(res);
}
});
thinkphp接收多图控制方法:
public function more_upload(){
if($this->request->isPost()){
$res['code']=1;
$res['msg'] = '上传成功!';
$file = $this->request->file('file');
$info = $file->move('../public/upload/admin/');
//halt( $info);
if($info){
$res['name'] = $info->getFilename();
$res['filepath'] = 'upload/admin/'.$info->getSaveName();
}else{
$res['code'] = 0;
$res['msg'] = '上传失败!'.$file->getError();
}
return $res;
}
}