Crud de imagenes en laravel 8 con foto de producto y galería

 

Vamos a crear una api que permita ingresar unas Publicaciones con un titulo "más lo que desee agregar y una imagen de presentación y ademas con galería de imágenes, para luego usarla con Angualar y con ReactJS para crear un sitio de vienes raíces, "venta de propiedades" o cualquier otro proyecto de características similares.

Para esto crearemos dos tablas Posts y Imagens que estarán relacionadas de uno a muchos 

1: Arrancamos con un proyecto en blanco

composer create-project laravel/laravel example-app

php artisan make:model Post -m

Agrego los campos a la migracion

$table->string('titulo');

$table->text('cover');

en el modelo poner $fillable =['titulo, 'foto-portada' ];

2- php artisan make:model Imagen -m

en la migracion

$table->string('imagen');

$table->foreignId('post_id')->constraint('posts')->onDelete('cascade');

3- En el modelo Post

<?php

namespace App\Models;

use App\Models\Imagen;

use Illuminate\Database\Eloquent\Model;

use Illuminate\Database\Eloquent\Factories\HasFactory;

class Post extends Model

{

use HasFactory;

protected $fillable = ['titulo','cover'];

//uno a muchos

public function imagens(){

return $this->hasMany(Imagen::class);

}

}

-----------------------

4- En el modelo Imagen

<?php

namespace App\Models;

use App\Models\Post;

use Illuminate\Database\Eloquent\Model;

use Illuminate\Database\Eloquent\Factories\HasFactory;

class Imagen extends Model

{

use HasFactory;

protected $fillable = ['imagen','post_id'];

//de muchos a uno

public function posts(){

return $this->belongsTo(Post::class);

}

}

 

5 - En el controlador app/Http/Controllers/API/PostController.php

public function store(Request $request)

{

//return $request;

if($request->hasFile("cover")){

$file=$request->file("cover");

$imageName=time().'_'.$file->getClientOriginalName();

$file->move(\public_path("cover/"),$imageName);

$post =new Post([

"titulo" =>$request->titulo,

//"autor" =>$request->autor,

// "post" =>$request->post,

"cover" =>$imageName,

]);

$post->save();

}

if($request->hasFile("images")){

$files=$request->file("images");

foreach($files as $file){

$imageName=time().'_'.$file->getClientOriginalName();

$request['post_id']=$post->id;

$request['imagen']=$imageName;

$file->move(\public_path("/imagenes"),$imageName);

Imagen::create($request->all());

}

}

return response()->json([

'data' => $request,

'mensaje' => 'Registro Guardado!!'

]);

}

6- Rutas

Route::get('/ver',[App\Http\Controllers\API\PostController::class,'index']);

Route::post('/ver',[App\Http\Controllers\API\PostController::class,'store']);

En al video de youtube veras los otros métodos como show, update, destroy o delete

También tendrás el código fuente en la descripción del mismo video

Saludos y gracias por estar!!!!!