Vue js 和 laravel 永久保留上传的图像

Question

我写了一个代码来上传一个图像文件并且已经工作了，我也可以将图像 url 保存在我的数据库中。 问题是图像没有永久加载。 这意味着我上传后可以看到图像，但在我保存它的那一刻，url 不再有效。 有谁知道如何修理它？ 我的意思是将图像永久存储在我的项目中。 我希望用户上传和使用他们自己的图像？ 谢谢你的帮助。

在模板中上传<input style="margin-left: 35px" type="file" @change="onFileChange" />

显示图像<img v-if="data.image":src="data.image" style="max-width:450px;vertical-align:middle;margin:0px 5px 5px"/>

脚本方法

      onFileChange()e {
      const file = e.target.files[0];
      this.data.image = URL.createObjectURL(file);
    },```

Answer 1

您可以在 Controller 中执行以下操作：

    $request->validate([
        'image' => 'required|image|mimes:jpeg,jpg,png,gif|max:2048',
    ]);

    $imageName = time().'.'.$request->image->extension();  //What you store in DB

    $request->image->move(public_path('images'), $imageName); //Put the image in a public folder 

从那里您可以通过 URL 访问它。