???? ????? ???? ?? ?? ? ?? ?????? ?? ??? ??? ???? ???. ThinkPHP6??? ?? ??? ??? ???? ?? ?? ?????. ??? ThinkPHP6?? ?? ??? ??? ???? ??? ???????.

1. ?? ??? ???? ??

?? ??? ??? ???? ?? ?? ThinkPHP6? ?? ???? ?? ??? ????? ???? ???. ????? ?? ?? config/app.php? ?? ? params ??? ?? ??? ?????.

'upload' => [
    'maxSize' => 1024 * 1024 * 10, //文件上傳的最大大小
    'exts' => ['jpg', 'gif', 'png', 'jpeg'], //允許上傳的文件后綴
    'rootPath' => app()->getRootPath() . 'public/uploads/', //文件上傳的根目錄
    'savePath' => '', //文件保存的子目錄
    'subName' => ['date', 'Ymd'], //子目錄名稱的命名規(guī)則
],

??? ?? ?? ??? ??? 10MB? ????? ???? ? ?? ?? ???? jpg, gif, png???. , jpeg ????, ?? ???? ?? ?? ????? public/uploads/??, ?? ????? ?? ??? ??(?, ?, ?)? ????? ?????.

2. ?? ??? ?? ??

?? ??? ????? ??? ? ?? ??? ?? ??? ??? ? ????. ????? ?? ??? ?????.

public function upload()
{
    $file = request()->file('image');
    if ($file) {
        $info = $file->validate(['ext' => 'jpg,png,gif,jpeg'])->move(config('upload.rootPath'));
        if ($info) {
            $data = [
                'code' => 0,
                'msg' => '上傳成功',
                'url' => config('upload.rootPath') . $info->getSaveName(),
            ];
        } else {
            $data = [
                'code' => 1,
                'msg' => $file->getError(),
                'url' => '',
            ];
        }
    } else {
        $data = [
            'code' => 1,
            'msg' => '請選擇要上傳的文件',
            'url' => '',
        ];
    }

    return json($data);
}

????? ?? request()->file('image') ???? ?? ???? ??? ???? ??? ????? ??? ?? ??? ??() ???? ???? ???? ????. ???? ??. ???? ???? ?? ??? ???? ???? ????? move() ???? ???? ??? ????? ??? ?? ?? ??? ?? ??? ?????.

3. ??? ??

????? ???? ?? ??? ??? ???? ???. ??? ??? ????.

<form id="upload-form" action="<?php echo url('upload'); ?>" method="post" enctype="multipart/form-data">
    <input type="file" name="image" id="image" accept="image/jpeg,image/png,image/gif">
</form>
<button id="btn-upload" type="button">上傳</button>

<script>
$(function() {
    $('#btn-upload').click(function() {
        var formData = new FormData($('#upload-form')[0]);
        $.ajax({
            url: $('#upload-form').attr('action'),
            type: 'post',
            data: formData,
            contentType: false,
            processData: false,
            success: function(res) {
                if (res.code === 0) {
                    alert(res.msg);
                    $('#image').val('');
                } else {
                    alert(res.msg);
                }
            },
            error: function(xhr, status, error) {
                alert('上傳錯(cuò)誤：' + error);
            }
        });
    });
});
</script>

??? ???? ??? ????, ?? ??? ?? ?? ??????. ???? ??? '???'???. ?? ?? jQuery? ajax() ???? ???? FormData ???? ????? ?? ???? ????? ??? ?? ?? ?? ? ?? ????? ?????.

4. ??

?? ??? ?? ThinkPHP6?? ?? ??? ??? ????? ??????. ??? ??? ???? ??? ???? ??, ???? ???? ??? ??? ??? ???? ????, ?? ???? ???? ?? ??? ??? ??, ???? ???? ??? ???? ???.

? ??? ThinkPHP6?? ?? ??? ??? ???? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!