使用Laravel REST API检索图像
我有一个对象,该对象具有一个属性,该属性存储位于laravel项目的公用文件夹中的图像的路径使用Laravel REST API检索图像,laravel,Laravel,我有一个对象,该对象具有一个属性,该属性存储位于laravel项目的公用文件夹中的图像的路径 if ($request->get('poster_url')) { $image = $request->get('poster_url'); $filename = time() . '.' . explode('/', explode(':', substr($image, 0, strpos($image, ';')))[1])[1];
if ($request->get('poster_url')) {
$image = $request->get('poster_url');
$filename = time() . '.' . explode('/', explode(':', substr($image, 0, strpos($image, ';')))[1])[1];
Image::make($request->get('poster_url'))->resize(300, 300)->save(public_path('uploads/concert_pictures/') . $filename);
$concert->poster_url = $filename;
}
我想知道,当对需要包含图像的对象列表发出get请求时,应该如何将其发回。下面是我当前查询的一个片段,它将返回这些对象。该响应是一个json响应,将在我的前端客户端中使用
if (isset($queryParams['search'])) {
$searchParams = $queryParams['search'];
$limit = 10;
$bands = Band::with('genre', 'country')
->where('name', 'LIKE', "%{$searchParams}%")
->orderBy('created_at', 'desc')
->paginate($limit);
} else {
$bands = Band::with('genre', 'country')
->orderBy('created_at', 'desc')
->paginate($limit);
}
角模板
<ng-container *ngFor="let band of bands">
<div class="col-sm-6 margin-bottom-20" (click)="navigateToBand(band.id)">
<div class="card-group">
<div class="card card-shadow">
<img class="card-img-top"
src="{{band.image_url}}"
alt="Card image cap">
<div class="card-img-overlay">
<h5 class="card-title float-right">{{band.country.name}}</h5>
<ng-container *ngFor="let genre of band.genre; let i = index">
<p class="card-text" *ngIf="i<3">{{genre.type}}</p>
</ng-container>
</div>
<div class="card-body">
<h5 class="card-title">{{band.name}}<span
class="float-right">{{band.price + 'dkk'}}</span></h5>
<p class="card-text">{{band.short_description | slice: 0:80 }} ...</p>
</div>
</div>
</div>
</div>
</ng-container>
{{band.country.name}
{{{genre.type}
{{band.name}{{band.price+'dkk'}
{{band.short_description}切片:0:80}
您的响应对象应该包含包含文件路径的字段,然后您可以在
中使用该路径。这就是你要找的吗?是的,这就是我要找的。我只是不知道怎么做。路径格式是什么?它像localhost:8080/api/public吗?如何访问公共路径?发布你的代码。我不知道你的意思,我不是在编译。