How to upload pictures in thinkphp

In Web development, image uploading is often used as one of the necessary functions, and ThinkPHP, an open source framework based on PHP, provides a variety of methods to implement the image uploading function. Below we will introduce an image upload implementation method based on ThinkPHP.

Step one: Configure necessary parameters

In the configuration file config.php, we need to first configure parameters such as upload file path, image size limit, and file type limit. The specific configuration is as follows:

return [
    'upload_path' => './uploads/', //上传文件路径
    'img_max_size' => 2 * 1024 * 1024, //最大上传图片大小
    'img_allow_types' => 'jpg,png,gif,jpeg', //允许上传的文件类型
];

Step 2: Write the image upload code

In ThinkPHP, we can implement the image upload function by using the upload class. First import the upload class:

use think\facade\Request;
use think\facade\Filesystem;

class ImageUpload
{
    public function upload()
    {
        $img_file = Request::file('img'); //获取上传的图片文件
        $img_path = config('upload_path'); //获取上传路径
        $max_size = config('img_max_size'); //获取最大文件尺寸
        $allow_types = config('img_allow_types'); //获取允许上传的类型

        //判断上传文件是否有效、大小是否符合、类型是否正确
        if (!$img_file->isValid()) {
            return ['code' => 1, 'msg' => '上传图片无效'];
        }

        if ($img_file->getSize() > $max_size) {
            return ['code' => 2, 'msg' => '上传图片大小超过限制'];
        }

        if (!in_array($img_file->extension(), explode(',', $allow_types))) {
            return ['code' => 3, 'msg' => '上传图片类型不支持'];
        }

        //上传文件
        $file_info = $img_file->move($img_path);
        if ($file_info === false) {
            return ['code' => 4, 'msg' => '上传图片失败，请重试'];
        }

        //返回上传成功信息
        $file_name = $file_info->getSaveName();
        $file_url = Filesystem::getDiskConfig('public', ['url' => '/'])->getVisibility()->url($img_path . $file_name);
        return ['code' => 0, 'msg' => '上传图片成功', 'url' => $file_url];
    }
}

Step 3: Call the image upload code

Next, we can call the image upload code in the controller and get the upload result:

public function uploadImage()
{
    $result = (new ImageUpload())->upload();
    echo json_encode($result);
}

Finally, we only need to use ajax in the front-end page to upload the image file to the server:

         上传

<script> $(document).on(&#39;submit&#39;, &#39;#image-form&#39;, function (event) { event.preventDefault(); var formData = new FormData(document.getElementById(&#39;image-form&#39;)); $.ajax({ url: &#39;/uploadImage&#39;, type: &#39;post&#39;, data: formData, contentType: false, processData: false, dataType: &#39;json&#39;, success: function (res) { //处理上传结果 }, error: function (xhr, textStatus, errorThrown) { console.log(errorThrown); } }); }); </script>

In summary, through the above steps, the image upload function based on ThinkPHP has been completed.

The above is the detailed content of How to upload pictures in thinkphp. For more information, please follow other related articles on the PHP Chinese website!