How to upload pictures in thinkphp-ThinkPHP-php.cn

How to upload pictures in thinkphp

WBOY

Release： 2023-05-29 11:06:23

forward

1752 people have browsed it

Step 1: Configure necessary parameters

In the config.php configuration file, you need to first set the upload file path, limit image size and file type, etc. parameter. The specific configuration is as follows:

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

Copy after login

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(&#39;img&#39;); //获取上传的图片文件
        $img_path = config(&#39;upload_path&#39;); //获取上传路径
        $max_size = config(&#39;img_max_size&#39;); //获取最大文件尺寸
        $allow_types = config(&#39;img_allow_types&#39;); //获取允许上传的类型

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

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

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

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

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

Copy after login

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

Copy after login

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

<form id="image-form" action="/uploadImage" method="post" enctype="multipart/form-data">
    <input type="file" id="img-file" name="img" accept="image/*">
    <button type="submit">上传</button>
</form>

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

Copy after login

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!