thinkphp结合layui上传图片
简单示例:
<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;
}
上传图片,压缩和裁剪
public function layuiupload(){
$upload = new \Think\Upload();// 实例化上传类
$image = new \Think\Image();
$imgSize = intval(CP('IMGSIZE'));
$imgType = CP('IMGTYPE');
$imgSize = !empty($imgSize) ? $imgSize : 3145728;
$imgType = !empty($imgType) ? explode(',',$imgType) : array('mp4','jpg','gif','png','jpeg');
$upload->thumb = true;
$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'];
$image->open(".".$path);
$image->thumb(230, 160,\Think\Image::IMAGE_THUMB_FIXED)->save(".".$path);
$data['path'] = $path;
echo json_encode($data);die;
}
thinkphp结合layui上传图片的更多相关文章
- Thinkphp5+Layui上传图片
ThinkPHP是一个免费开源的,快速.简单的面向对象的轻量级PHP开发框架,是为了敏捷WEB应用开发和简化企业应用开发而诞生的.ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能 ...
- Layui 上传图片到磁盘上 + Tomcat 配置虚拟路径
Layui 上传图片到磁盘上 + Tomcat 配置虚拟路径 Tomcat 配置虚拟路径 找到 eclipse 中 tomcat 下面的 server.xml 文件,在 Host 标签里面添加 < ...
- layui 上传图片 实现过程
layui.user一个页面只能有一个,写多了会实现js效果 上传图片官方文档有很多功能,但是演示的代码只是一个一个功能演示,如果要综合起来js代码不是简单的拼凑,需要放在指定位置,比如下面的限制文件 ...
- Layui上传图片 带接口
layui.use('upload', function () { var upload = layui.upload; upload.render({ elem: '#LAY_avatarUploa ...
- 上传头像,layui上传图片
layui上传与bootstrap上传相似,只是不需要下插件, layui自带的已够用 先看一下前台界面,这里是用到的上传头像 先点击开始上传,头像上传至服务器中, 返回json添加至form表单中, ...
- thinkphp结合layui上传视频
JS示例: <script type="text/javascript"> layui.use(['form', 'layedit','element', 'layda ...
- layui——上传图片,并实现放大预览
一般上传文件后会返回文件的路径,然后存储到数据库,那么首先实现上传后的放大和删除功能 function uploadSmallPic() { var upload = layui.upload; up ...
- layui上传图片接口
mvc中 前台调用接口 url:"../upload/uploadfiles/" 然后开始接口 代码: string a = ""; try { HttpFil ...
- layui 上传图片回显并点击放大实现
1.页面代码布局 <div class="layui-col-xs12 form-group"> <div class="layui-col-xs6&q ...
随机推荐
- Python打包-py2exe
上篇文章讲了pyinstaller,可以打包成包含Windows, Linux, Mac OS X, FreeBSD, Solaris and AIX等操作系统下的可执行文件,如果只针对Windows ...
- Thinkphp 模板中使用自定义函数的方法
1.number_format {$number|number_format=2} 千分位,保留两位小数 2.round {$number|round=2} 四舍五入保留两位小数
- cmd.exe启动参数详解
https://blog.csdn.net/moonhillcity/article/details/53039763 各个系统中打开文件的命令 "windows系统: cmd " ...
- 一些JavaScript基本函数
1.document.write(”");为 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览 ...
- hdu 2348 Turn the corner(三分&&几何)(中等)
Turn the corner Time Limit: 3000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others) ...
- 05-Vim命令合集
Vim命令合集 命令历史 以:和/开头的命令都有历史纪录,可以首先键入:或/然后按上下箭头来选择某个历史命令. 启动vim 在命令行窗口中输入以下命令即可 vim 直接启动vim vim filena ...
- SpringMVC -- 梗概--源码--贰--RestFul收参(了解) @PathVariable
1>定制方式: //如下两个路径都可以访问到如下方法,请求路径不同,则name61和pwd61匹配到的值不同 //http://localhost:8989/appname/ful/lime/1 ...
- ios开发之--NSNumber的使用
什么是NSNumber? NSArray/NSDictionary中只能存放oc对象,不能存放基本数据类型,如果想把基本数据类型放进去,需要先把基本数据类型转换成OC对象, 代码如下: ; ; flo ...
- 【代码审计】CLTPHP_v5.5.3前台XML外部实体注入漏洞分析
0x01 环境准备 CLTPHP官网:http://www.cltphp.com 网站源码版本:CLTPHP内容管理系统5.5.3版本 程序源码下载:https://gitee.com/chichu/ ...
- hive 安装记录
http://www.cnblogs.com/linjiqin/archive/2013/03/04/2942402.html