简单示例:

<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上传图片的更多相关文章

  1. Thinkphp5+Layui上传图片

    ThinkPHP是一个免费开源的,快速.简单的面向对象的轻量级PHP开发框架,是为了敏捷WEB应用开发和简化企业应用开发而诞生的.ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能 ...

  2. Layui 上传图片到磁盘上 + Tomcat 配置虚拟路径

    Layui 上传图片到磁盘上 + Tomcat 配置虚拟路径 Tomcat 配置虚拟路径 找到 eclipse 中 tomcat 下面的 server.xml 文件,在 Host 标签里面添加 < ...

  3. layui 上传图片 实现过程

    layui.user一个页面只能有一个,写多了会实现js效果 上传图片官方文档有很多功能,但是演示的代码只是一个一个功能演示,如果要综合起来js代码不是简单的拼凑,需要放在指定位置,比如下面的限制文件 ...

  4. Layui上传图片 带接口

    layui.use('upload', function () { var upload = layui.upload; upload.render({ elem: '#LAY_avatarUploa ...

  5. 上传头像,layui上传图片

    layui上传与bootstrap上传相似,只是不需要下插件, layui自带的已够用 先看一下前台界面,这里是用到的上传头像 先点击开始上传,头像上传至服务器中, 返回json添加至form表单中, ...

  6. thinkphp结合layui上传视频

    JS示例: <script type="text/javascript"> layui.use(['form', 'layedit','element', 'layda ...

  7. layui——上传图片,并实现放大预览

    一般上传文件后会返回文件的路径,然后存储到数据库,那么首先实现上传后的放大和删除功能 function uploadSmallPic() { var upload = layui.upload; up ...

  8. layui上传图片接口

    mvc中 前台调用接口 url:"../upload/uploadfiles/" 然后开始接口 代码: string a = ""; try { HttpFil ...

  9. layui 上传图片回显并点击放大实现

    1.页面代码布局 <div class="layui-col-xs12 form-group"> <div class="layui-col-xs6&q ...

随机推荐

  1. python中是否有单独的字符类型,通过下标的方式表示字符串中的字符

    说明: 在python中,没有单独的字符类型,一个字符呢就是一个大小为1的字符串. 并且可以通过下标的方式,表示字符串中的字符. 操作过程: 1.通过[ ]的方式表示字符串中的第几个字符 >&g ...

  2. linux中sudo如何读取标准输入作为密码,避免每次都输入密码?

    需求描述: 今天想要在生产环境中,弄自动部署的脚本,但是现在呢,需要sudo权限,每次都要输入.就想看sudo如何能从标准输入读取密码. 操作过程: 1.原来的方法 [deployer@testvm ...

  3. js中判断浏览器版本

    var ai = { ovb: { /** * 该对象用于判断系统,系统版本,浏览器,苹果设备等等功能.ovb是单词 Os Version Browser 的头字母缩写. */ _version_va ...

  4. gcc和g++头文件和库路径的寻找和添加

    对所有用户有效修改/etc/profile文件 对个人有效则修改~/.bashrc文件 #在PATH中找到可执行文件程序的路径. export PATH =$PATH:$HOME/bin (可一次指定 ...

  5. ssh跟ssm的区别

    SSH跟SSM的区别 SSH指的是:spring+Struts+hibernate:而SSM指的是:spring +SpringMVC + MyBatis. 1.Spring是是开源框架,是轻量级的I ...

  6. [转]Tomcat的部署

    1.1 Context descriptors Tomcat4中的Manager和Admin管理工具其实就是利用它来部署的.在Tomcat5中提出了Context descriptor这个概念,且为其 ...

  7. Ansible的Playbook的编写

    在Ansible中,将各个模块组合起来成为一个YAML格式的配置文件,这个配置文件叫做Playbook, Playbook和模块的关系类似于shell脚本和Linux命令之间的关系. Playbook ...

  8. 国内CDN加速现状

    什么是CDN CDN的全称是Content Delivery Network,即内容分发网络.是位于网络层与应用层之间的网络应用,其目的是通过在现有的Internet中增加一层新的网络架构,将网站的内 ...

  9. fastcgi模式下设置php最大执行时间

    php在执行中常见错误: The FastCGI process exceeded configured request timeout: FastCGI process exceeded confi ...

  10. Python错误和异常 学习笔记

    错误和异常概念 错误:     1.语法错误:代码不符合解释器或者编译器语法     2.逻辑错误:不完整或者不合法输入或者计算出现问题 异常:执行过程中出现万体导致程序无法执行     1.程序遇到 ...