thinkphp3.2给layui写的上传接口

ThinkPHP3.2给Layui写的上传接口

1. 介绍

在使用ThinkPHP3.2和Layui开发项目的过程中，经常会遇到文件上传的需求。为了方便使用和提高效率，我们可以自定义一个上传接口，使得文件上传的操作更加简单和灵活。

2. ThinkPHP3.2的文件上传函数

在ThinkPHP3.2中，提供了一个非常方便的文件上传函数upload()，该函数可以实现文件上传的功能。

2.1 函数原型

array upload ( mixed $config, mixed $driver = '', mixed $config = '' )

2.2 函数参数

$config：文件上传的配置信息，通常是一个数组。

$driver：文件上传驱动，默认使用本地上传。

$config：指定上传驱动的配置参数。

2.3 函数返回值

函数执行成功后，返回包含上传文件信息的数组，如果失败则返回false。

3. 自定义Layui文件上传接口

为了方便使用，我们可以根据项目的需要自定义一个Layui文件上传的接口。以下是一个示例的上传接口代码：

public function upload(){
    $config = array(
        'maxSize'    =>    3145728,
        'rootPath'   =>    './Uploads/',
        'savePath'   =>    '',
        'saveName'   =>    array('uniqid',''),
        'exts'       =>    array('jpg', 'gif', 'png', 'jpeg'),
        'autoSub'    =>    true,
        'subName'    =>    array('date','Ymd'),
    );
    $upload = new \Think\Upload($config);// 实例化上传类
    $info = $upload->upload();// 上传文件
    if(!$info) {// 上传错误提示错误信息
        $this->error($upload->getError());
    }else{// 上传成功
        $this->success('上传成功！');
    }
}

在上面的示例代码中，我们首先定义了一个$config数组用于配置文件上传的相关参数，例如上传文件的最大大小，存储根路径，文件保存路径等。

然后，我们实例化了一个Think\Upload类，并将$config数组传入作为构造函数的参数。

接下来，我们调用upload()函数进行文件上传，并将返回的结果赋值给$info。如果文件上传失败，则输出错误信息；如果成功，则输出上传成功的提示。

4. 在Layui中使用自定义文件上传接口

在Layui中，我们可以通过监听上传按钮的点击事件，然后调用自定义的文件上传接口实现文件上传操作。

以下是一个示例的Layui代码：

layui.use('upload', function(){
    var $ = layui.jquery
    ,upload = layui.upload;
    //监听上传按钮的点击事件
    upload.render({
        elem: '#uploadBtn'
        ,url: '/upload/upload'
        ,done: function(res){
            console.log(res);
        }
    });
});

在上面的示例代码中，我们首先引入了Layui的upload模块，并使用layui.use方法初始化模块。

然后，我们使用upload.render方法监听上传按钮的点击事件。在done函数中，我们可以获取到上传接口返回的结果res，并将其打印到浏览器控制台中。

5. 小结

通过自定义一个Layui文件上传的接口，我们可以更加灵活和方便地实现文件上传的功能。同时，结合ThinkPHP3.2的文件上传函数，我们可以在项目开发中更高效地处理文件上传操作。