使用Laravel REST API检索图像

使用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];

我有一个对象,该对象具有一个属性,该属性存储位于laravel项目的公用文件夹中的图像的路径

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吗?如何访问公共路径?发布你的代码。我不知道你的意思,我不是在编译。