jquery上传实例 uploads

小白 2020-08-02 原创文章


uploads


jquery上传实例 uploads

// logo上传
    $("#logo_pic").on('change', function () {
        console.log('上传DappLogo');
        var file = $(this)[0].files[0];
        var formData = new FormData();
        formData.append("file", file);
        formData.append("type", JSON.stringify(1));
        $.ajax({
            url: '/admin/uploads/upload',
            type: 'POST',
            cache: false,
            processData: false,
            contentType: false,
            data: formData,
            success: function (response) {
                console.log(response);
                $("#pic1").attr('src', response.result.path);
                var html = '<input type="hidden" name="logo_path" value="' + response.result.path + '">';
                $("#pic1").after(html);
            },
            error: function () {
                layer.open('请求失败!', {icon: 6});
            }
        });
    });
    
    后端代码
        public function img()
    {
//        return request()->file();
        if ($this->request->isPost()) {
            $file = request()->file('file');
            $oldfile = $file->getInfo();    //获取原上传文件的文件名

            // 移动到框架应用根目录/uploads/ 目录下
            $info = $file->validate(['size' => 314572800])->rule('sha1')->move('./uploads/images');
            if ($info) {
                $path = str_replace('\\', '/', '/uploads/images/' . ($info->getSaveName()));
                return json(['code' => 200, 'msg' => $info->getFilename(), 'files' => $path]);
            } else {
                // 上传失败获取错误信息
                return json(['code' => 500, 'msg' => $file->getError()]);
            }
        } else {
            return json(['code' => 500, 'msg' => '请求错误']);
        }
    }


站点信息