Menampilkan Data Image dari Cloudinary

cloudinary ialah tempat penyimpanan cloud, dimana cloudinary ini bermanfaat bila kita banyak sekali menyimpan file berupa gambar, dan yang kita tahu kalo misalkan gambar gambar yang terupload tersebut akan memakan banyak sekali bandwidth kita, nah solusinya ialah menggunakan cloud bagi cara penyimpanan nya. dan sebetul nya sebelum panduan ini saya pernah merancang cara upload gambar ke cloudinary, tapi kali ini kita akan mempraktekan bagaimana Menampilkan Data IMage dari Cloudinary. yuk kita praktekan teman teman.

sebelum nya kalian dapat install package nya yah dengan merancang composer. json di folder kalian.

{
  require: {
    cloudinary/cloudinary_php: dev-master
  }
}

lalu setelah itu ketikan ini di command prompt kalian, tpi jangan lupa panggil folder project nya yah.

composer update

setelah itu kalian dapat ketikan index. php berikut

<?php 
require 'vendor/autoload.php';

Cloudinary::config(array( 
  cloud_name => name cloud kalian, 
  api_key => api key cloud kalian, 
  api_secret => api secret kalian 
));

if(isset($_POST['submit'])){
$data = array(
'namaGambar' => $_POST['namaGambar'],
'filename' => $_FILES['file']['name'],
'tmp_name' => $_FILES['file']['tmp_name'],
);

CloudinaryUploader::upload($data['tmp_name'], array(
'public_id' => $data['namaGambar']
));
}
 ?>

 <form action= method=post enctype=multipart/form-data>
 <label>Nama Gambar :</label>
 <input type=text name=namaGambar placeholder=namaGambar><br>
 <input type=file name=file><br>
 <input type=submit name=submit value=submit>
 </form>

nah coba upload beberapa gambar, disini saya punya dua gambar yang berbeda, yang satu bernama dumet dan yang satu bernama hello.

setelah itu di pada index.php tepat nya setelah tag penutup form, kalian dapat ketikan kode php berikut.

// bagi menampilkan gambar dari cloudinary 
    echo cl_image_tag('dumet', array('width' =>400) );

dia akan menampilkan image dengan nama file dumet yang lebar nya ialah 400 pixel. seperti berikut

demikianlah panduan Menampilkan Data Image dari Cloudinary, semoga bermanfaat yah teman teman.

Sumber https://kursuswebsite.org