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;
    }

原文地址:https://www.cnblogs.com/e0yu/p/9353064.html

时间: 2024-11-15 07:28:35

thinkphp结合layui上传图片的相关文章

Layui上传图片 带接口

layui.use('upload', function () { var upload = layui.upload; upload.render({ elem: '#LAY_avatarUpload' , url: setter.apiDomain + '/api/WxPay/UploadFileByStream_Head' , choose: function (obj) { //将每次选择的文件追加到文件队列 var files = obj.pushFile(); //预读本地文件,如果

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

一般上传文件后会返回文件的路径,然后存储到数据库,那么首先实现上传后的放大和删除功能 function uploadSmallPic() { var upload = layui.upload; upload.render({ elem: '#smallPic' , url: '/upload/uploadPic' , auto: false , number: 1 , bindAction: '#uploadSmallPic' , choose: function (obj) { var fi

LayUI上传图片

[HttpPost] public ActionResult Upload() { try { var file = Request.Files[0]; var filecombin = file.FileName.Split('.'); if (file == null || String.IsNullOrEmpty(file.FileName) || file.ContentLength == 0 || filecombin.Length < 2) { return Json(new { f

Layui前端上传模块

在工作中使用到layui,发现其上传功能并不是很适用于自己的项目.故此,借用其上传功能,自己将图片压缩并上传. Layui 上传图片官方文档:https://www.layui.com/doc/modules/upload.html HTML: <button type="button" class="layui-btn" id="test1"> <i class="layui-icon"></

layui编辑器(layedit)的实现和图片上传功能

官方文档入口:https://www.layui.com/doc/modules/layedit.html#uploadImage 先看效果图片: 开始上代码了 前端代码 1 <div class="layui-input-block"> 2 <textarea id="demo" style="display: none;"></textarea> 3 </div> js代码 1 layui.us

thinkphp上传图片自动压缩问题

thinkphp上传图片后由于图片较大需要剪切,但是由于大部分浏览器阻挡剪切弹出窗口造成无法剪切 故使用thinkphp的生成缩略图的功能,上传的同时直接生成缩略图并覆盖原图,这样就可以自定义上传图片的大小(备注,生成缩略图是按原比例缩放的) 代码如下 public function upload($action){     $upload = new \Think\Upload(); $upload->maxSize = 2097172; $upload->exts = array('jpg

百度编辑器在服务器置顶路径 解决上传图片创建目录失败的方法(Thinkphp)

1.设置文件夹权限 2.修改 /* 前后端通信相关的配置,注释只允许使用多行方式 */ { /* 上传图片配置项 */ "imageActionName": "uploadimage", /* 执行上传图片的action名称 */ "imageFieldName": "upfile", /* 提交的图片表单名称 */ "imageMaxSize": 2048000, /* 上传大小限制,单位B */ &qu

ThinkPHP提交表单判断上传图片经验总结

在用TP框架开发程序处理接收到的表单的时候,要判断<input type="file" name="img">是否有上传图片,来决定是否要将对应的图片信息插入到数据库中.  在本地环境(wamp2.2和TP3.2.3)测试的时候,如果用empty($_FILES)判断业务逻辑可能会出现问题. 即使表单没有上传图片信息,但是$_FILES数组仍然不为空,例如: 所以,用$_FILES['img']['name|type|tmp_name|size'] 判断

thinkPHP利用ajax异步上传图片并显示、删除

近来学习tp5的过程中,项目中有个发帖功能,选择主题图片.如下: 利用原始的文件上传处理,虽然通过原始js语句能实时显示上传图片,但是这样的话会涉及很多兼容问题.使用ajax技术,实现选择性删除所选图片功能,并不会有兼容问题. 表单文件form: <form method="post" enctype="multipart/form-data"> <div style="margin: 20px 20px 20px 10px;"