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 ...
随机推荐
- 8 -- 深入使用Spring -- 4...2 使用AspectJ实现AOP
8.4.2 使用AspectJ实现AOP AspectJ是一个基于Java语言的AOP框架.Spring 4.0 的AOP对AspectJ很好的集成. AspectJ是Java 语言的一个AOP实现, ...
- ios开发之--解决“Could not insert new outlet connection”的问题。
在Xcode中,我们能够在StoryBoard编辑界面或者是xib编辑界面中通过“Control键+拖拽“的方式将某个界面元素和相应的代码文件连接起来.在代码文件里创建outlet. 只是.假设你的运 ...
- ios开发之--两次模态弹出后,怎么返回最上层的页面
解决方法如下: self.presentingViewController.view.alpha = ;[self.presentingViewController.presentingViewCon ...
- 给自己的android扫盲文 - 1
1. 你得知道,android开发打一开始就是java的事,没其它语言什么事情,就是说google提供的android sdk中的api都是java的api2. 至于强大的跨平台语言,你懂的,非c/c ...
- 从Gallery中获取图片示例
一.MainActivity类 package com.example.gallerydemo; import android.net.Uri; import android.os.Bundle; i ...
- PostgreSQL逻辑复制之slony篇
Slony是PostgreSQL领域中最广泛的复制解决方案之一.它不仅是最古老的复制实现之一,它也是一个拥有最广泛的外部工具支持的工具,比如pgAdmin3.多年来,Slony是在PostgreSQL ...
- 执行RF设置顶层测试套件的描述说明
场景1:通过pybot命令更新套件层描述 命令:pybot -D 套件层描述 -D --doc documentation 设置顶层测试套件的描述说明.说明中下划线将转换为空格, 并且他可能包含简单的 ...
- SaltStack salt-ssh 用法
以下在 master 操作: (1) 我们在安装部署 SaltStack 的时候,需要安装 salt 客户端,还要与 salt 服务端进行认证才能互相通信(2) 如果我们使用 salt-ssh 的方式 ...
- Lua脚本和C++交互(一)
现在,越来越多的C++服务器和客户端融入了脚本的支持,尤其在网游领域,脚本语言已经渗透到了方方面面,比如你可以在你的客户端增加一个脚本,这个脚本将会帮你在界面上显示新的数据,亦或帮你完成某些任务,亦或 ...
- 《C++ Primer Plus》第17章 输入、输出和文件 学习笔记
流是进出程序的字节流.缓冲区是内存中的临时存储区域,是程序与文件或其他I/O设备之间的桥梁.信息在缓冲区和文件之间传输时,将使用设备(如磁盘驱动器)处理效率最高的尺寸以大块数据的方式进行传输.信息在缓 ...