Rabu, 31 Agustus 2016

Mengupload Gambar Dan Merubah Ukuran Menggunakan Laravel 5

Pada episode sebelumnya sudah mengetahui cara mengupload gambar secara sederhana dengan menggunakan Laravel 5, dan kini mencoba untuk melanjutkan mengupload gambar kemudian merubah ukurannya, karena biasanya pengguna dalam mengupload gambar tidak mengecilkan ukurannya terlebih dahulu secara manual. maka jika itu terjadi akan memenuhi space penyimpanan kita. karena aplikasi yang kita buat hanya membutuhkan gambar berukuran sedang atau kecil saja namun yang diupload oleh pengguna sangat besar sekali.
Baca sebelumnya:
oleh karena itu kita harus mengantisipasinya dengan cara merubah ukuran secara otomatis ketika gambar tersebut diupload atau disebut juga di unggah oleh pengguna dan menyimpannya kedalam database. bagaimana cara melakukannya yuk ikuti catatan berikut ini.
pertama buatlah database dan table yang berisi field photo pada folder database/migration seperti kode dibawah ini.
$table->string('foto')->default('no-foto.png');
kemudian kita akan membutuhkan intervention image maka dari itu tambahkan pada composer.json pada require yaitu baris dibawah ini.
"intervention/image": "dev-master"
setelah itu kita harus mengupdate dengan cara menjalankan perintah dibawah ini pada shell atau cmd.
composer update
setelah selesai tambahkan baris berikut ini pada file config/app.php pada bagian:
Providers
'Intervention\Image\ImageServiceProvider',
kemudia tambahkan pada:
Aliases
'Image' => 'Intervention\Image\Facades\Image',
untuk menggunakannya tambahkan baris berikut ini pada file controller anda sebagai berikut:
use Image;
Sekarang pada from input gambar buat seperti kode berikut ini jangan lupa untuk menambahkan ‘files’ => truepada pembukaan form:
Dan pada controller pada fungsi store buat kode seperti dibawah ini:
Gambar 9.4
terlihat pada kode diatas skrip akan mengupload gambar kedalam folder logo kemudian menyimpan nama gambar tersebut kedalam database dan melakukan perubahan ukuran menjadi lebar 128px jika ingin merubah tinggi tuliskan dan timpa pada null.

Tidak ada komentar:

Posting Komentar