目前,我正在尝试从数据库表中检索图像,但没有成功。我已经制作了一张表格,其中插入了一张图片,以便我可以检索它。我在 Stack Overflow 中寻找我的问题的答案。有类似的问题,但答案不是我要找的。我也在 Laracast 网站上寻找答案,但这些答案没有提供解决方案。我的看法:@extends ('Layout')@section('title') Galerij@endsection@section('content')<!DOCTYPE html><html><head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">``</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"> </script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"> </script> </head> <body><div id="demo" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ul class="carousel-indicators"> <li data-target="#demo" data-slide-to="0" class="active"></li> <li data-target="#demo" data-slide-to="1"></li> <li data-target="#demo" data-slide-to="2"></li> </ul> <!-- The slideshow --> <div class="carousel-inner"> <div class="carousel-item active"> <img src="data:image/png;base64,{{ $image }}" alt="Los Angeles" width="1100" height="500"> </div> <div class="carousel-item"> <img src="{{asset('Pictures/loremipsum2.jpg')}}" alt="Chicago" width="1100" height="500"> </div> <div class="carousel-item"> <img src="{{asset('Pictures/loremipsum3.jpg')}}" alt="New York" width="1100" height="500"> </div> </div> <!-- Left and right controls --> <a class="carousel-control-prev" href="#demo" data-slide="prev"> <span class="carousel-control-prev-icon"></span> </a> <a class="carousel-control-next" href="#demo" data-slide="next"> <span class="carousel-control-next-icon"></span> </a></div></body></html>@endsection希望我已经为您提供了足够的信息来帮助我找到解决方案。
1 回答
四季花海
TA贡献1811条经验 获得超5个赞
要显示二进制文件,您必须使用 base64_encode() 函数。
尝试这个 :
控制器
$g = Gallerij::find(1); $image = chunk_split(base64_encode($g->afbeelding));
看法
<img src="data:image/png;base64,{{ $image }}">
- 1 回答
- 0 关注
- 178 浏览
添加回答
举报
0/150
提交
取消