【问题标题】:Display image from Laravel to Html从 Laravel 显示图像到 Html
【发布时间】:2021-05-11 13:33:00
【问题描述】:

如何将图像从 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>

【问题讨论】:

    标签: reactjs laravel laravel-5 eloquent react-hooks


    【解决方案1】:
    1. 首先您应该通过在控制台php artisan storage:link 中运行此命令来链接存储
    2. 那么你可以得到这样的图像&lt;image src="http://your-url/storage/images/your-image.jpg"&gt;

    【讨论】:

    • 我怎样才能链接它..请您解释一下,或者我们只需要运行该命令..我们不会在任何地方指定主机地址?
    • 对不起,是的,你应该在控制台中运行这个命令,我编辑了我的答案
    • Actullay laravel 在不同的端口运行,而 HTML 在不同的端口运行。如何链接两者
    • ok,这样,试试写src="127.0.0.1:8000/storage/images/…"
    • 谢谢兄弟...我从昨天开始搜索这个谢谢兄弟
    猜你喜欢
    • 2014-11-25
    • 2017-02-19
    • 1970-01-01
    • 1970-01-01
    • 2016-11-22
    • 2021-03-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多