Upload Gambar Dengan Ringkas Menggunakan Tuta Upload Pada Laravel

Upload atau mengunggah gambar sering digunakan pada aplikasi berbasis website, dalam catatan kali ini kita akan mengupload gambar dengan ringkas atau singkat dapat juga di sebut sederhana menggunakan Tuta Upload dan kemudian kita bisa merubah ukurannya dan mengambil nama dari gambar tersebut untuk di simpan kedalam database. sehingga membuatnya menjadi nyaman dan mudah untuk meng-upload gambar pada project yang kita kerjakan.

Bagaimana caranya mari ikuti catatan singkat berikut ini.

Pertama Install tuta/upload menggunakan composer dengan cara sebagai berikut, ketikan pada shell.

composer require tuta/upload

Kemudian sematkan pada providers di file config/app.php

'Tuta\Upload\UploadServiceProvider',
'Intervention\Image\ImageServiceProvider',

terlihat diatas ada Intervention\Image karena kita juga membutuhkan Intervention\Image pada proses upload ini.

Kemudian untuk menggunakannya buat form pada views dengan nama file upload.blade.php yang berisi kode sebagai berikut.

dan pada route tambahkan route berikut ini.

Route::resource('uploadimage', 'UploadController');

Lalu buat satu buah controller yang bernama UploadController.php menggunakan php artisan.

php artisan make:controller UploadController

Kemudian isikan kode berikut ini pada controller yang telah dibuat tadi.
Kemudian jangan lupa untuk membuat folder uploads pada folder public. Terlihat pada kode diatas sebaris kode untuk mengupload gambar.

Upload::image('gambar', str_random(10), '/public/uploads/', 250, null)

yang artinya adalah.

Upload::image(IMAGE, IMAGE_NAME, PATH_TO_UPLOAD, WIDTH, HEIGHT)

Yang mana

• IMAGE adalah gambar yang akan diupload
• IMAGE_NAME adalah nama dari gambar tersebut, kita bisa menggantinya dengan yang kita inginkan
• PATH_TO_UPLOAD adalah folder tempat mengupload atau menaruh gambar yang diupload.
• WIDTH adalah ukuran lebar gambar yang akan kita resize atau rubah ukuran lebarnya. jika tidak ingi merubahnya isikan saja dengan null
• HEIGHT adalah ukuran tinggi gambar yang akan kita resize atau rubah ukuran tingginya. jika tidak ingi merubahnya isikan saja dengan null

Apabila di jalankan pada browser dan berhasil maka tampilan pada browser akan terlihat seperti gambar 11.3 dibawah ini

Gambar 11.3

Dan setelah di upload maka akan muncul tampilan yang berisi informasi nama gambar dan pesan, seperti yang terlihat pada gambar 11.4 dibawah ini.

Gambar 11.4