Cara Membuat Thumbnail Pada Codeigniter

Thumbnail adalah sebuah tampilan gambar dengan resolusi kecil atau ukuran lebih kecil dari di ukuran aslinya. Kegunaan Thumbnail benar-benar sendiri lebih menghemat ruang di tampilan galeri di folder penyimpanan gambar seperti di PC maupun di smartphone contohnya, kenapa dapat seprti itu karena kalau tak ada ukuran yang lebih kecil tentu kita akan kesulitan bagi mencari gambar yang diinginkan karena tampilannya gambar asli terlalu besar.Pada kesempatan kali ini kita belajar merancang thumbnail dikala upload gambar di Codeigniter, jadi dikala kita akan upload gambar nanti akan disimpan di folder thumbnail bagi gambar thumbnailnya, bagaimana cara merancang thumbnail karenanya jangan kemana-mana simak strategi pembuatannya.

Langkah pertama-tama cara merancang thumbnail di codeigniter ,bikin file controller seperti dibawah ini:

<?php<br />
defined(‘BASEPATH’) OR exit(‘No direct script access allowed’);</p>
<p>class Page extends CI_Controller {</p>
<p>	public function index()<br />
	{<br />
		$data[‘title’]=”Cara Merancang Gambar Thumbnail”;<br />
		$this->load->view(‘upload’ ,$data);<br />
	}

<?php

defined(‘BASEPATH’) OR exit(‘No direct script access allowed’);

class Page extends CI_Controller {

public function index()

{

$data[‘title’]=“Cara Merancang Gambar Thumbnail”;

$this–>load–>view(‘upload’ ,$data);

}

Di code diatas file controller nya yakni Page dengan guna index berisi $data bagi title dan berikutnya load sebuah view memanggil file upload serta $data

Langkah berikutnya bikin file view beri nama upload sesuai dengan di controller tadi yang mau di load, seperti code berikut ini :

<!DOCTYPE html><br />
<html lang=”en”><br />
<head><br />
	<meta charset=”UTF-8″><br />
	<title><?php echo $title; ?></title><br />
	<link rel=”stylesheet” href=”https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css”><br />
</head><br />
<body><br />
	<div class=”container”><br />
		<div class=”row”><br />
			<div class=”col-md-3″></div><br />
			<div class=”col-md-6 mt-3″><br />
			<h3 class=”text-center bg-info text-white p-2″>Cara Upload Gambar Thumbnail</h3><br />
			<?php echo form_open_multipart(‘page/proses’); ?></p>
<p>				<input class=”btn btn-light” type=”file” name=”file” ><br />
				<input class=”btn btn-success” type=”submit” value=”Upload”></p>
<p>			<?php echo form_close(); ?><br />
			</div><br />
			<div class=”col-md-3″></div><br />
		</div><br />
	</div></p>
<p></body><br />
</html>

<!DOCTYPE html>

<head>

</head>

<body>

<h3 class=“text-center bg-info text-white p-2”>Cara Upload Gambar Thumbnail</h3>

<?php echo form_open_multipart(‘page/proses’); ?>

<?php echo form_close(); ?>

</div>

</div>

</body>

</html>

Di file view tentu tak lepas dari struktur HTML, agar tampilannya supaya rapi kita gunakan bootstrap saja. di view upload kita gunakan form_open_multipart fungsinya kurang lebih seperti di tag form HTML apabila kurang paham penggunaannya silahkan baca penjelasannya disini. jadi di form_open_multipart menjalankan controller page dan guna proses perhatikan di code diatas, lalu jangan lupa penutup form_close dikerjakan pun selaku penutup form nya.

Baiklah kini simpan file controller dan file view yang dikerjakan, coba dijalankan di browser bagi melihat tampilannya apakah telah seperti dibawah ini:

Demikian pembahasan artikel ini mengenai cara merancang thumbnail di codeigniter, dan akan kita lanjutkan di pembahasan di cara merancang thumbnail di codeigniter part 2.

Terima Kasih

sumber :kursuswebprogramming.com/blog/

(Visited 17 times, 1 visits today)

Leave a Reply Cancel reply