php文件上传API

💍 [简介]

文件上传这个功能,是我们程序员在开发过程中基本都能遇到，文件上传功能今天就用php来说说吧!
我呢!
是一个小白，如果以下内容有错误的地方请各位大佬，指点一二
以下内容如果对你有用 [↓ ↓ ↓]

💍 [在文章底部点击赞赏,请我喝杯奶茶哦!]

💍 [正在努力学习~ ~ ~ ~ ~ ~ ~ ~]

💍 [来吧 ~ 展示]

[废话不多说，直接上代码]

[PHP代码部分:]

    public class Demo
    {
            public function upload()
        {
            // 获取表单上传文件 例如上传了001.jpg
            $file = request()->file('img');
            // 移动到框架应用根目录/public/uploads/ 目录下
            if ($file) {
                $info = $file->move(ROOT_PATH . 'public' . DS . 'upload');  //保存路径
                if ($info) {
                    return json(['code' => 1, 'url' => $info->getSaveName()]); //成功
                } else {
                    return json(['code' => 0, 'data' => $file->getError()]);    //失败
                }
            }
        }
    }

[HTML代码部分:]

    <div class="row cl">
        <label class="form-label col-xs-4 col-sm-3">上传头像：</label>
            <div class="formControls col-xs-8 col-sm-9">  <span class="btn-upload form-group">
                 <input type="file" onchange="img_up(this)" id="img" name="img" multiple="multiple"/>
                    </span>
                    <div id="thumbnail">
                        <img src="__UPLOAD__/{$product_info.img}" alt="" style="width: 100px; height: 100px">
                    </div>
            </div>
    </div>

[Ajax代码部分:]

<script type="text/javascript">
    function img_up(e) {
        let file = e.files[0];
        var formData = new FormData();
        formData.append('img', file);
        $.ajax({
            url: '{:url(\'Product/upload\')}',
            type: 'POST',
            data: formData,
            processData: false,
            contentType: false,
            success: function (data) {
                console.log(data)
                if (data.code == 1) {
                    var dome = '<img src="__UPLOAD__/' + data.url + '" alt="" style="width: 120px;height: 120px;"/><input type="hidden" value="' + data.url + '" name="img">';
                    $('#thumbnail').html(dome);
                }
            }, error: function (res) {
                console.log(res)
            }
        })

    }
</script>

[实现效果图如下]