Laravel 5 File(Image) Upload Example with Validation

  1. app/Http/routes.php
Route::group(['middleware' => 'web'], function () {
Route::get('fileUpload', function () {

    return view('fileUpload');

});

Route::post('fileUpload', ['as'=>'fileUpload','uses'=>'HomeController@fileUpload']);
});
  1. app/Http/Controllers/HomeController.php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
class HomeController extends Controller
{
/**

 * Create a new controller instance.

 *

 * @return void

 */

public function __construct()

{

    $this->middleware('auth');

}


public function fileUpload(Request $request)

{

    $this->validate($request, [

        'image' => 'required|image|mimes:jpeg,png,jpg,gif,svg|max:2048',

    ]);


    $image = $request->file('image');

    $input['imagename'] = time().'.'.$image->getClientOriginalExtension();

    $destinationPath = public_path('/images');

    $image->move($destinationPath, $input['imagename']);


    $this->postImage->add($input);


    return back()->with('success','Image Upload successful');

}
}
  1. resources/views/fileUpload.blade.php
@extends('layouts.app')
@section('content')
@if (count($errors) > 0)
<div class="alert alert-danger">

    <strong>Whoops!</strong> There were some problems with your input.<br><br>

    <ul>

        @foreach ($errors->all() as $error)

            <li>{{ $error }}</li>

        @endforeach

    </ul>

</div>
{!! Form::open(array('route' => 'fileUpload','enctype' => 'multipart/form-data')) !!}
<div class="row cancel">

    <div class="col-md-4">

        {!! Form::file('image', array('class' => 'image')) !!}

    </div>

    <div class="col-md-4">

        <button type="submit" class="btn btn-success">Create</button>

    </div>

</div>
{!! Form::close() !!}

Commentaires

Enregistrer un commentaire

Posts les plus consultés de ce blog

PhoneGap Login with PHP & MySQL

Image
phonegap-cordova-login-system Phonegap login system (cordova login) using php & mysql:  In this tutorial, we’re going to build  simple login system  using phonegap with php and mysql backend. Creating database for storing user data ( mysql ) Creating Login page for authenticate existing user Creating Signup page for add new user account Database design for phonegap login system First we need to create database for storing new user’s data such as userid, full name, email address and password. CREATE TABLE `users` ( `userid` int(1) NOT NULL, `fullname` varchar(50) NOT NULL, `email` varchar(50) NOT NULL, `password` varchar(50) NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ; ALTER TABLE `users` ADD PRIMARY KEY (`userid`); ALTER TABLE `users` MODIFY `userid` int(1) NOT NULL AUTO_INCREMENT; After creating database, we need to write a php code for validating new user. we’re going to validate user based on email address. if email address...
Lire la suite

AngularJS - sorting(using orderby filter) table data example

Data sort in one of the most important and essential component in any web based projects. we can find data in order by any field then we can find any data easily from reach data. In this post, we can learn how to sort table row using AngularJS orderby filter. in bellow example you can see we have two column one for language and another for total developer. So if you click on table heading then you can sort data using orderBy filert. You can learn and see bellow example. Example <html lang = "en-US" > <link rel = "stylesheet" href = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" > <script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js" ></script> <body> <div ng-app = "myApp" ng-controller = "customersCtrl" > <h2 class = "text-center" > AngularJS sortable table example </h2> ...
Lire la suite

PhoneGap PHP MySQL Example

Phonegap PHP MySQL Example In this article, I would like to write an article about PhoneGap with PHP & MySQL. we’ll see how to perform CRUD (Create, Read, Update, Delete) operations with MySQL Database. Step By Step Guide: MySQL Database Creation Writing PHP code for Serverside Writing Jquery code for PhoneGap / Apache Cordova side Dependencies: PHP, MySQL, JQuery Learn More about PHP & MySQL  http://www.w3schools.com/php/php_mysql_intro.asp  or  http://www.tutorialspoint.com/php/php_and_mysql.htm Download Source Code 1. MYSQL DATABASE CREATION In this example, I’m going to create some basic database & table (course_details) with following fields such as id, title, price. CREATE TABLE ` course_details ` ( ` id ` int ( 1 ) NOT NULL , ` title ` varchar ( 25 ) NOT NULL , ` duration ` varchar ( 50 ) NOT NULL , ` price ` varchar ( 10 ) NOT NULL ) ENGINE = InnoDB DEFAULT CHARSET = latin1 AUTO_INCREMENT = 1 ; A...
Lire la suite