Menampilkan Data Image dari Cloudinary

cloudinary adalah tempat penyimpanan cloud, dimana cloudinary ini berguna 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 adalah menggunakan cloud untuk metode penyimpanan nya. dan sebetul nya sebelum tutorial ini saya pernah membuat 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 bisa install package nya yah dengan membuat 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 bisa 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'],
		);

		\Cloudinary\Uploader::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 dalam index.php tepat nya setelah tag penutup form, kalian bisa ketikan kode php berikut.

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

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

sekian tutorial Menampilkan Data Image dari Cloudinary, semoga bermanfaat yah teman teman.