thinkphp框架表单数组实现图片批量上传功能示例

1. 前言

在web开发中，图片上传是经常会遇到的问题，尤其是涉及到批量上传图片时，很多人都不知道如何处理。本文将结合thinkphp框架，介绍一种使用表单数组，实现图片批量上传功能的方法。

2. 基本原理

在HTML中使用input type="file"可以实现文件上传功能，但是如果要上传多个文件，每个文件都需要一个单独的input标签。这显然不够方便，而且也很容易出错。所以我们可以通过使用表单数组，来简化这个过程。

表单数组的原理很简单，就是将多个input标签的name属性设置为相同的值，然后在服务器端进行处理即可。通过数组的形式，我们可以方便地获取上传的文件并处理。

3. 代码实现

3.1 HTML代码

假设我们要上传3张图片，HTML代码如下：

<form action="upload" method="post" enctype="multipart/form-data">

    <input type="file" name="photo[]">
    <input type="file" name="photo[]">
    <input type="file" name="photo[]">
    <input type="submit" value="上传">
</form>

注意，每个input标签的name属性都设置成了"photo[]"，这就是表单数组的形式。

3.2 服务器端代码

在thinkphp框架中，处理文件上传非常方便，我们只需要使用UploadFile类即可。下面是处理上传的控制器代码：

<?php

class UploadController extends Controller {
    public function upload() {
        $upload = new \Think\UploadFile(); // 实例化上传类
        $upload->maxSize   =     3145728 ;// 设置附件上传大小
        $upload->allowExts =     array('jpg', 'gif', 'png', 'jpeg');// 设置附件上传类型
        $upload->savePath  =     './Uploads/'; // 设置附件上传目录
        if(!$upload->upload()) {// 上传错误提示错误信息
            $this->error($upload->getErrorMsg());
        }else{// 上传成功
            $info=$upload->getUploadFileInfo();
            dump($info); //打印上传文件信息
        }
    }
}

其中，实例化了UploadFile类，设置了上传文件的大小、类型以及上传目录。如果上传失败会提示错误信息，否则会打印上传的文件信息。

3.3 验证上传结果

为了验证上传结果，我们可以在运行上面的代码后，再访问Uploads目录，看看是否成功保存了上传的文件。

4. 总结

通过使用表单数组，我们可以很方便地实现图片批量上传功能。而在thinkphp框架中，上传文件也非常方便，我们只需要使用UploadFile类即可。在实际开发中，我们可以根据需要优化上传的性能，比如通过异步上传等方式，来提高用户体验。