-1

introducir la descripción de la imagen aquíeste es el controlador de imagenes ImageController

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Product;
use App\ProductImage;

class ImageController extends Controller
{
    public function index($id)
    {
      $product = Product::find($id);
      $images = $product->images;
      return view('admin.products.images.index')->with(compact('product', 'images'));
    }

    public function store(Request $request, $id)
    {
      //guardar la imagen en nuestro proyecto
      $file = $request->file('photo');
      $path = public_path() . '/images/products';
      $fileName = uniqid() . $file->getClientOriginalName();
      $file->move($path, $fileName);

      //crear 1 registro en la tabla product_images
      $productImage = new ProductImage();
      $productImage->image = $fileName;
      //$productImage->featured = false;
      $productImage->product_id = $id;
      $productImage->save(); //INSERT

      return back();
    }

    public function destroy()
    {

    }
}

Esta es la vista de las imagenes

@extends('layouts.app')

@section('title', 'Imágenes de producto')

@section('body-class', 'landing-page sidebar-collapse')

@section('content')
<div class="header header-filter" style="background-image: url('{{ asset('img/profile_city.jpg') }}'); height: 300px;">
</div>
<div class="main main-raised">
    <div class="container">
        <div class="section text-center">
            <h2 class="title">Imágenes del producto "{{ $product->name }}"</h2>
            <div style="display: block; margin: 30px auto;">
              <form action="" method="post" enctype="multipart/form-data">
                {{ csrf_field() }}
                <label class="btn btn-primary btn-round" for="photo">Elige una imagen</label>
                <input class="file" type="file" id="photo" name="photo" required>
                <button type="submit" class="btn btn-primary btn-round">Subir nueva imagen</button>
                <a href="{{ url('/admin/products') }}" class="btn btn-default btn-round">Cancelar</a>
              </form>
            </div>
            <div class="row">
            @foreach($images as $image)
            <div class="col-md-4">
              <div class="panel panel-default">
                <div class="panel-body" style="margin-bottom: 30px;">
                  <img src="{{ $image->url }}" class="rounded mx-auto d-block">
                  <button type="submit" class="btn btn-danger btn-round">Eliminar</button>
                </div>
              </div>
            </div>
            @endforeach
          </div>
        </div>
    </div>
</div>
@include('includes.footer')
@endsection

introducir la descripción de la imagen aquí

15
  • ¿Qué es lo que no funciona en el código?
    – Shaz
    el 7 feb. 2019 a las 16:46
  • no me da ningun error pero si un enlace roto de la imagen en la pagina un 404 de que no encuentra la imagen pero verifique en phpmyadmin y si esta cargada la imagen, no se que pasa. el 7 feb. 2019 a las 16:47
  • sería mejor que agregues el código de la vista para verificar lo que mencionas
    – user75901
    el 7 feb. 2019 a las 16:49
  • ya añadi las ediciones como ves en la imagen las imagenes autogeneradas de pexels.com si cargan pero la que decidi cargar yo "manualmente" tiene el enlace roto el 7 feb. 2019 a las 16:55
  • deberia agregar algo más en mi edición para facilitarles ver mi codigo? puedo pegar el enlace de github github.com/PequeCeci/shopp-app ya la subi aqui. el 7 feb. 2019 a las 16:57

1 respuesta 1

0

puedes hacerlo asi:

public function store(Request $request, $id)
{
  //guardar la imagen en nuestro proyecto
  $file = $request->file('photo');
  $path = public_path('/images/products/');
  $fileName = uniqid() . $file->getClientOriginalName();
  $file->move($path, $fileName);

  //crear 1 registro en la tabla product_images
  $productImage = new ProductImage();
  $productImage->image = $fileName;
  //$productImage->featured = false;
  $productImage->product_id = $id;
  $productImage->save(); //INSERT

  return back();
}

ahora el views

@extends('layouts.app')

@section('title', 'Imágenes de producto')

@section('body-class', 'landing-page sidebar-collapse')

@section('content')
<div class="header header-filter" style="background-image: url('{{ asset('img/profile_city.jpg') }}'); height: 300px;">
</div>
<div class="main main-raised">
    <div class="container">
        <div class="section text-center">
            <h2 class="title">Imágenes del producto "{{ $product->name }}"</h2>
            <div style="display: block; margin: 30px auto;">
              <form action="" method="post" enctype="multipart/form-data">
                {{ csrf_field() }}
                <label class="btn btn-primary btn-round" for="photo">Elige una imagen</label>
                <input class="file" type="file" id="photo" name="photo" required>
                <button type="submit" class="btn btn-primary btn-round">Subir nueva imagen</button>
                <a href="{{ url('/admin/products') }}" class="btn btn-default btn-round">Cancelar</a>
              </form>
            </div>
            <div class="row">
            @foreach($images as $image)
            <div class="col-md-4">
              <div class="panel panel-default">
                <div class="panel-body" style="margin-bottom: 30px;">
                  <img src="{{URL::to('/')}}/images/products/{{ $image->url }}" class="rounded mx-auto d-block">
                  <button type="submit" class="btn btn-danger btn-round">Eliminar</button>
                </div>
              </div>
            </div>
            @endforeach
          </div>
        </div>
    </div>
</div>
@include('includes.footer')
@endsection
10
  • si lo hago asi no me carga ni una sola imagen D: el 7 feb. 2019 a las 17:34
  • tampoco las de pexel.com el 7 feb. 2019 a las 17:34
  • coloca una imagen de tu inspector de codigo.. click derecho sobre una imagen inspeccionar!
    – Bryro
    el 7 feb. 2019 a las 17:35
  • <img src="/images/products/5c5c33d36dcbcgato.jpg" class="rounded mx-auto d-block"> eso es lo que me aparece en el inspector el 7 feb. 2019 a las 17:38
  • 1
    Continuemos el debate en el chat.
    – Bryro
    el 7 feb. 2019 a las 17:51

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.