简单示例：
<script type="text/javascript"> layui.use([‘form‘, ‘layedit‘,‘element‘, ‘laydate‘,‘upload‘], function(){ var form = layui.form; var layer = layui.layer; var layedit = layui.layedit; var laydate = layui.laysdate; // 上传 var upload = layui.upload; var uploadInst1 = upload.render({ elem: ‘#uploadImgBut1‘, //绑定元素 url: "{:U(‘Admin/Upload/layuiupload‘)}",//上传接口 done: function(res){ if(res[‘state‘] ==1){ layer.msg(res[‘message‘]); $("#uploadImg1").attr(‘src‘,res[‘path‘]).show(); $("input#uploadImgSrc1").val(res[‘path‘]); }; } }); }); </script>
后台代码：
public function layuiupload(){ $upload = new \Think\Upload();// 实例化上传类 $imgSize = intval(CP(‘IMGSIZE‘)); $imgType = CP(‘IMGTYPE‘); $imgSize = !empty($imgSize) ? $imgSize : 3145728; $imgType = !empty($imgType) ? explode(‘,‘,$imgType) : array(‘jpg‘,‘gif‘,‘png‘,‘jpeg‘); $upload->maxSize = $imgSize;// 设置附件上传大小 $upload->exts = $imgType;// 设置附件上传类型 $upload->rootPath = "./uploads/Picture/"; // 设置附件上传根目录 $upload->savePath = ‘‘; // 设置附件上传（子）目录 $data = array(); $data[‘state‘] = 1; $data[‘message‘] = ‘上传成功‘; $data[‘path‘] = ‘‘; // 上传文件 $info = $upload->upload(); if(!$info){ $data[‘state‘] = 0; $data[‘message‘] =‘上传失败‘; }; $path = "uploads/Picture/".$info[‘file‘][‘savepath‘].$info[‘file‘][‘savename‘]; $data[‘path‘] = $path; echo json_encode($data);die; }
原文：https://www.cnblogs.com/e0yu/p/9353064.html