正确地将图像上传到数据库。 Laravel vue.js

Question

我正在尝试将图像上传到数据库，但无论我尝试什么，我都会收到此错误

在 null 上调用成员函数 getClientOriginalExtension()

或者它说它保存正确但它没有保存任何东西

以下代码位于要上传图片的表单的提交函数中的 vue.js 文件中。这就是我试图将文件发送到控制器的内容

这给了我上面的错误

if (this.form.file && this.form.imageUrl) {
    this.form.file = this.form.imageUrl;
} else {
}

var data = Converter.objectToFormData(this.form);

this.$refs.form.validate((valid) => {
    if (valid) {
        this.loading = true;
        if (!this.form.id) {
            //send code
        } else {
            //send updated
        }
    }

这也给了我上面的错误

let data = Object.assign({}, this.form);

this.$refs.form.validate((valid) => {
    if (valid) {
        this.loading = true;
        if (!this.form.id) {
            //send code
        } else {
            //send updated
        }
    }

这不会给我任何错误，但没有保存任何内容

var data = new FormData();
data.append('question', this.form.question);
data.append('instruction', this.form.instruction);
data.append('survey_section_id', this.form.survey_section_id);
data.append('response_type_id', this.form.response_type_id);
data.append('questionOptions', this.form.questionOptions);
data.append('rank', this.form.rank);
data.append('num', this.form.num);
data.append('show_text', this.form.show_text);
data.append('file', this.form.file);

this.$refs.form.validate((valid) => {
    if (valid) {
        this.loading = true;
        if (!this.form.id) {
            //send code
        } else {
            //send updated
        }
    }

这是控制器中触发错误的代码

$destino = 'img/questions';
$image = $request->has('file');
if ($image) {
    $imageFile = $request->file('file');
    $filename = Uuid::generate(4)->string . '.' . $imageFile->getClientOriginalExtension();
    $imageFile->move($destino, $filename);
    $preg->image = $destino . '/' . $filename;
}

如果我 dd($imageFile) 它总是返回 null 或 false，我的猜测是该文件没有作为文件发送，但我不确定我做错了什么或为什么会发生这种情况，@987654326 @ 返回 true，所以它确实进入了 if 语句。

Answer 1

假设您在表单上输入了enctype="multipart/form-data"，在 laravel 6 中出现了一个错误，迫使我在获取图像之前这样做：

$destino = 'img/questions';
$image = $request->has('file');
if ($image) {
    $size = $request->file('file')->getSize();
    $imageFile = $request->file('file');
    $filename = Uuid::generate(4)->string . '.' . $imageFile->getClientOriginalExtension();
    $imageFile->move($destino, $filename);
    $preg->image = $destino . '/' . $filename;
}

我不确定它是否给了我同样的错误，但如果你之前没有得到大小，文件总是为空，

希望对你有帮助！