thinkphp结合layui上传图片

Posted 帅到要去报警

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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 ThinkUpload();// 实例化上传类
        $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;
    }

 

以上是关于thinkphp结合layui上传图片的主要内容,如果未能解决你的问题,请参考以下文章

thinkphp5.1+layui图片上传(后端部分)

多图上传控制器及模型代码thinkphp5+layui实现多图上传保存到数据库,可以实现图片自由排序,自由删除。

如何将CKeditor编辑器的上传和thinkphp结合

thinkphp5.1+layui图片上传(前端部分.第一种)

基于THINKPHP+layui+Ajax无刷新实现图片上传预览

thinkphp5.1+layui图片上传(前端部分.第二种)