How to Install Image Intervention Laravel
1. Execute o Artisan Faça comando auth
PHP
php artisan make:auth
2. Adicione o campo avatar para o arquivo de migração 'create_users_table' repare que o arquivo é semelhante ao seguinte:
PHP
<?php
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;
class CreateUsersTable extends Migration
{
/**
* Run the migrations.
*
* @return void
*/
public function up()
{
Schema::create('users', function (Blueprint $table) {
$table->increments('id');
$table->string('name');
$table->string('email')->unique();
$table->string('avatar')->default('default.jpg');
$table->string('password');
$table->rememberToken();
$table->timestamps();
});
}
/**
* Reverse the migrations.
*
* @return void
*/
public function down()
{
Schema::drop('users');
}
}
3. Edite o seu arquivo
.env
e adicione as credenciais de banco de dados corretos
4. Execute o comando Artisan migrate
PHP
php artisan migrate
5. Adicione o botão Perfil ao
resources/views/layouts/app.blade.php
arquivo:
remarcação
<ul class="dropdown-menu" role="menu">
<li><a href="{{ url('/profile') }}"><i class="fa fa-btn fa-user"></i>Profile</a></li>
<li><a href="{{ url('/logout') }}"><i class="fa fa-btn fa-sign-out"></i>Logout</a></li>
</ul>
6. Adicione a rota 'profile' com método GET em
app/Http/routes.php
arquivo:
PHP
Route::get('profile', 'UserController@profile');
7. Crie um UserController e adicione o método do profile:
PHP
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
use App\Http\Requests;
use Auth;
use Image;
class UserController extends Controller
{
//
public function profile(){
return view('profile', array('user' => Auth::user()) );
}
}
8. Crie o profile.blade.php localizado na
resources/views/profile.blade.php
:
PHP
@extends('layouts.app')
@section('content')
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<img src="/uploads/avatars/{{ $user->avatar }}" style="width:150px; height:150px; float:left; border-radius:50%; margin-right:25px;">
<h2>{{ $user->name }}'s Profile</h2>
<form enctype="multipart/form-data" action="/profile" method="POST">
<label>Update Profile Image</label>
<input type="file" name="avatar">
<input type="hidden" name="_token" value="{{ csrf_token() }}">
<input type="submit" class="pull-right btn btn-sm btn-primary">
</form>
</div>
</div>
</div>
@endsection
9. Crie a rota profile com método post em
app/Http/routes.php
:
PHP
Route::post('profile', 'UserController@update_avatar');
10. Instale o Image Intervention Package: http://image.intervention.io/
11. Adicione o método update_avatar ao UserController no fim o UserController finalmente parecera com o seguinte:
PHP
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
use App\Http\Requests;
use Auth;
use Image;
class UserController extends Controller
{
//
public function profile(){
return view('profile', array('user' => Auth::user()) );
}
public function update_avatar(Request $request){
// Handle the user upload of avatar
if($request->hasFile('avatar')){
$avatar = $request->file('avatar');
$filename = time() . '.' . $avatar->getClientOriginalExtension();
Image::make($avatar)->resize(300, 300)->save( public_path('/uploads/avatars/' . $filename ) );
$user = Auth::user();
$user->avatar = $filename;
$user->save();
}
return view('profile', array('user' => Auth::user()) );
}
}
12. Adicione a imagem do usuário para o topo de navegação com o seguinte código dentro de
resources/views/layouts/app.blade.php
:
remarcação
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" style="position:relative; padding-left:50px;">
<img src="/uploads/avatars/{{ Auth::user()->avatar }}" style="width:32px; height:32px; position:absolute; top:10px; left:10px; border-radius:50%">
{{ Auth::user()->name }} <span class="caret"></span>
</a>
Comments
Post a Comment