html代码
<div class="layui-form-item">
<label class="layui-form-label">缩略图</label>
<div class="layui-input-block">
<a id="btn-thumb">
<img src="__STATIC__/default.png" id="thumb-preview" width="60" height="60" style="cursor:pointer"/>
</a>
<span class="x-red layui-word-aux">尺寸为750X400px</span>
<div id="tips-thumb"></div>
<input type="hidden" name="thumb" id="input-thumb" value="">
</div>
</div>js代码<script>
layui.use('upload', function(){
var $ = layui.jquery;
var upload = layui.upload;
var uploadInst = upload.render({
elem:'#btn-thumb',
url: "{:url('admin/common/upload')}",//上传接口
size:500,
exts: 'jpg|png|jpeg',
before: function(obj){
obj.preview(function(index, file, result){
$('#thumb-preview').attr('src',result);
});
},
done: function(res){
console.log(res);
if(res.code == 0){
return layer.msg(res.message);
}
$('#input-thumb').val(res.filepath);
}
});
});
</script> 控制器代码//通用缩略图上传接口
public function 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;
}
} 