如何从 vue js 应用程序上传 laravel 本地公共磁盘中的文件？

Question

嗨，我想从 vue js 应用程序将文件上传到 laravel 的本地公共目录，并且只在提交表单时将 唯一名称 发送到 mysql。但不知道如何用js做到这一点

// template tag
<input type="file" @change="uploadFile" >


// methods on Vue Js app


methods: {
uploadFile(){
 // logic to upload the file in local public disk and only send the unique name to mysql 
}
}

Answer 1

我认为您仍然应该为此创建一个 API。并通过api上传

我这里有一个代码，也许它可以提供帮助。只需将其添加到您的 laravel 控制器中即可。

$user = User::find($request->user_id);
        if ($request->file('profile_image') !== null) {
            $imageProfile = $request->file('profile_image');
            $imageProfileSanitizedName = time() . $imageProfile->getClientOriginalName();
            $imageProfile->move("images/", $imageProfileSanitizedName);
            $user->image = $imageProfileSanitizedName;
        }
        $user->save();

这个功能 $imageProfile->move("images/", $imageProfileSanitizedName); 将移至 你的 laravel 项目的 public/images 目录。

我添加了time() 函数，以便图像文件是唯一的。

不要忘记在你的 vuejs 方法中使用 axios 中的 formData。