时间戳

首页 > 解决方案 > 从 Laravel 显示图像到 Html

reactjs - 从 Laravel 显示图像到 Html

问题描述

如何将图像从 laravel 检索到纯 HTML： laravel 和 HTMl 在不同端口 Laravel 控制器中运行：

 public function imageUpload(Request $request)
    {
        $allowedfileExtension=['jpg','png','jpeg'];
        $file = $request->file('fileName');
        $extension = $file->getClientOriginalExtension();
        $check = in_array($extension,$allowedfileExtension);
        if($check) {
            $file=$request->fileName ;
            $path = $file->store('public/images');
            $name = $file->getClientOriginalName();

            return response()->json([
                'message' => $path,
                'Filevalidation'=>True
            ],200);

        } else {
            return response()->json([
                'message' => "Invalid File Extension",
                'Filevalidation'=>True
            ]);
        }

    }

图像存储在storage/app/public/images/ScTZ2rhj26sdJT3la5TKKsZ1DPbnbNl1YDuC3JrS.jpg（此路径）

html:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <h1>Hello</h1>
    <img
      src="http://127.0.0.1:8000/public/images/C7o2dEHLlZLyP7RJewuiRsC4DiQ4oAyDxmPmJrsb.jpg"
      alt=""
    />
  </body>
</html>

标签： reactjslaravellaravel-5eloquentreact-hooks

解决方案

  1. 首先，您应该通过在控制台中运行此命令来链接存储php artisan storage:link
  2. 然后你可以得到这样的图像<image src="http://your-url/storage/images/your-image.jpg">

推荐阅读