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 ...
随机推荐
- UGUI之不规则按钮的响应区域
比如一些不规则按钮最好可以设置它的响应区域.如下图所示,用Polygon Collider2D组件圈出精灵响应事件的区域. 注意 IsRaycastLocationValid 的判断区域是RectTr ...
- C++标准命名空间std
输入输出要用到这个. 标准C++库的所有的标识符都是在一个名为std的命名空间中定义的,或者说标准头文件(如iostream)中函数.类.对象和类模板是在命名空间 std中定义的.std是standa ...
- JSP输出当前日期
如何在网页中动态交互,输出当前日期? <%@ page language="java" import="java.util.*" contentType= ...
- mysql中date_add()函数的使用?
需求描述: 在使用mysql的过程中,需要对日期进行计算,比如对某个日期加上几天,几个小时等操作, 在此记录下,date_add()函数的使用. 操作过程: date_add()函数语法: DATE_ ...
- [原]单片机/Stm32教程
1 http://www.amobbs.com/forum.php?mod=viewthread&tid=4462962 2.http://bbs.21ic.com/forum.php?mod ...
- [原]unity调Android(三)
private UnityPlayer mUnityPlayer; @Override protected void onCreate(Bundle savedInstanceState) ...
- windows 7 64位出现Oracle中文乱码
提示oracle客户端无法连接指定字符 安装好客户端之后,如图 将数据库dbhome_1中的network文件夹全部复制到客户端,如图 然后在设置环境变量:F:\app\Administrator\p ...
- GCD (Grand Central Dispatch) 笔记
GCD (Grand Central Dispatch) 是Apple公司开发的一种技术,它旨在优化多核环境中的并发操作并取代传统多线程的编程模式. 在Mac OS X 10.6和IOS 4.0之后开 ...
- DB索引、索引覆盖、索引优化
###########索引########### @see http://mp.weixin.qq.com/s/4W4iVOZHdMglk0F_Ikao7A 聚集索引(clustered inde ...
- Java虚拟机(三):Java 类的加载机制
1.什么是类的加载 类的加载指的是将类的.class文件中的二进制数据读入到内存中,将其放在运行时数据区的方法区内,然后在堆区创建一个java.lang.Class对象,用来封装类在方法区内的数据结构 ...