如何顯示來自存儲文件夾Laravel的圖像

Question

我正在嘗試從存儲中檢索圖像到視圖，但未顯示該圖像，在控制台中，我看到此錯誤Failed to load resource: the server responded with a status of 404 (Not Found) 。 我嘗試了許多解決方案，包括此方法，但仍然無法正常工作。

控制者

 class productController extends Controller
 {

/**
 * Display a listing of the resource.
 *
 * @return \Illuminate\Http\Response
 */
 public function index(Request $request)
 {
    $userId = $request->user()->id;
    $products = product::where('admin', $userId)->get();
   return view('admin.product.index',compact('products'));
  }

  public function admin()
  {
   $products=product::all();
   return view('admin.product.index',compact('products'));
   }



  public function show($id)
 {
  $product = ProductsPhoto::findOrFail($id);
  return view('productsPhoto.show', compact('product'));

  }
/**
 * Store a newly created resource in storage.
 *
 * @param  \Illuminate\Http\Request  $request
 * @return \Illuminate\Http\Response
 */
  public function store(Request $request) 
  { 

    $product = Product::create($request->all());
    foreach ($request->photos as $photo) {
        $filename = $photo->store('photos');
        ProductsPhoto::create([
            'product_id' => $product->id,
            'filename' => $filename
        ]);
      }

ProductsPhotos.php

  class ProductsPhoto extends Model
  {
  protected $fillable = ['product_id', 'filename'];

   public function product()
   {
    return $this->belongsTo('App\Product');
    }

Product.php

protected $table='products';
protected $primaryKey='id';
protected $fillable=['name','price','info','image','stock'];

刀

 @foreach($products as $product)
     <img src="{{ asset('storage/photos/filename') }}"
 @endforeach

任何幫助，將不勝感激。

Answer 1

運行此artisan命令php artisan storage:link 。 在Blade中，使用以下存儲外觀：

 @foreach($products as $product)
     <img src="{{ \Storage::url($products->productPhoto->filename) }}"
 @endforeach

/ *更新* /

 public function index(Request $request)
 {
    $products = product::where('admin', \Auth::id())->firstOrFail();
   return view('admin.product.index',compact('products'));
  }