cara upload dan resize gambar dengan php

share

  • cara upload dan resize gambar dengan php

    Cara Upload dan Resize Gambar dengan PHP


    Tutorial cara upload dan resize gambar dengan php ini cukup mudah hanya memerlukan beberapa baris script saja sehingga ukuran menjadi lebih kecil seperti halnya auto compress image file secara otomatis.
  • cara upload dan resize gambar dengan php
    Service
    1. Complete Website
    2. Only web script
    3. Web modification
    4. Application program
    5. Free web template
    6. Free application
    7. Basic SEO
    8. Article request
    9. Tutorial programing
  • cara upload dan resize gambar dengan php
    MOTO
    "Kepuasan Pelanggan adalah Prioritas kami, Sebagai Pemicu Semangat Dalam Memberikan Pelayanan Terbaik".
  • cara upload dan resize gambar dengan php Teknologi dan Bahasa
    PHP-5, HTML-5, CSS3, SQL Server, MySQL Database, Access Database, Java, JavaScript, dan Visual Basic.
  • cara upload dan resize gambar dengan php
    VISI
    "Menjadi penyedia layanan yang terpercaya dan maju dalam dunia Teknologi Informasi."

Cara Upload dan Resize Gambar dengan PHP

Cara upload dan resize gambar dengan php ini cukup mudah hanya memerlukan beberapa baris script saja sehingga ukuran menjadi lebih kecil seperti halnya auto compress image file secara otomatis. Cara resize gambar dengan php ini sebetulnya berbeda dengan proses compress image dilihat dari sisi source code yang dibuat, resize image adalah merubah ukuran gambar, sedangkan kompresi adalah memperkecil rasio dan quality. Namun kita tidak akan membandingkan antara keduanya tersebut, yang jelas pada tutorial ini yang akan kita bahas adalah bagaimana agar gambar yang di upload otomatis ukurannya berubah. Jadi fokus kita adalah bagaimana cara membuat script php untuk resize gambar ketika di upload ke direktori folder dan ke dalam database mysql.

Tutorial bagaimana cara upload dan resize gambar dengan php sehingga file image tersimpan di dalam direktori folder yang ditentukan. Sedangkan nama file gambar tersimpan di dalam database mysql ini kami lakukan menggunakan web server XAMPP ver 7.3.9 pada OS windows 10. Kemudian untuk menampilkan gambar, silahkan ikuti panduannya disini cara menampilkan gambar dengan script php dimana nama file nya diambil dari database.

Baiklah, tutorial cara upload dan resize gambar dengan php sehingga ukuran image yang tersimpan di dalam folder dan database menjadi lebih kecil secara otomatis.

Cara Upload dan Resize Gambar dengan PHP



resize gambar dengan php

cara upload dan resize gambar dengan php

Berikut cara upload dan resize gambar dengan php ke dalam direktori folder dan database mysql untuk meyimpan nama file image dilengkapi penjelasan script source code.

  • Membuat folder direktori tutorial resize gambar
  • Membuat database MySQL
  • Membuat form upload gambar.
  • Script php untuk resize gambar ketika di upload
  • Membuat interface view gambar.


1. Membuat Folder Direktori Tutorial Resize Gambar.

Silahkan buat nama folder terserah Anda dan letakan ke dalam direktori xampp htdocs agar mudah dieksekusi menggunakan url pada web browser. Sebagai contoh nama folder yang kami buat adalah "resize-gambar", sehingga url folder menjadi C:\xampp\htdocs\resize-gambar\.


2. Membuat Database MySQL.

Database MySQLi ini berfungsi untuk menyimpan data nama file image yang telah di upload menggunakan script php untuk unggah file gambar. Nama database silahkan dibuat sesuka Anda, kami memberi contoh nama database nya adalah "db_tutorial" yang memiliki tabel dengan tb_gambar. Dimana tabel gambar ini memiliki atribut yaitu id, nama_original, dan nama_resize, atau boleh saja menambahkan atribut lain seperti ukuran.

cara upload dan resize gambar dengan php


3. Membuat Form Upload Gambar.

Dalam tutorial cara upload dan resize gambar dengan php ini maka kita membutuhkan sebuah form, sehingga file gambar dapat di select ke dalam form ini. Sebagaimana form pada umumnya, untuk membuat form upload gambar diperlukan sebuah kolom input dengan tipe "file". Sedangkan untuk mengirimkan perintah upload diperlukan sebuah button dengan tipe "submit", tentu saja submit ke file action yang ditentukankan oleh atribut "action" pada form.

Simpan sebagai index.php

<html>
    <head>
        <title>Cara Upload dan Resize Gambar dengan PHP</title>
    </head>
    <body>
        <h3>Upload dan Resize Gambar</h3>
		<form method="POST" action="upload.php" enctype="multipart/form-data">
			<table border="0">
				<tr>
					<td width="80">Pilih File</td>
					<td width="280">: <input type="file" name="file_gambar" /></td>
					<td><input type="submit" name="submit" value="Upload" /></td>
				</tr>
			</table>
        </form>
    </body>
</html>

Perhatikan kode program pada baris ke-7 yaitu sebuah form dengan method "POST" dan action="upload.php", artinya proses upload dan resize gambar akan dilakukan pada file upload.php tersebut.


4. Script PHP untuk Resize Gambar Ketika di Upload.

Ini adalah bagian terpenting pada tutorial cara upload dan resize gambar dengan php sehingga file image akan ter compress atau memperkecil ukuran secara otomatis.

Simpan sebagai upload.php

<?php
	include "koneksi.php";
	if ($_POST['submit'] == "Upload") {
		$nama   = $_FILES['file_gambar']['name'];
		$size   = $_FILES['file_gambar']['size']; 
		$asal   = $_FILES['file_gambar']['tmp_name'];
		$format = pathinfo($nama, PATHINFO_EXTENSION);
		
		// setup ukuran lebar gambar (width)
		$width_size = 100;
		
		if ($format=="jpg" OR $format=="jpeg") {
			move_uploaded_file($asal, "img/".$nama);
			$asli	="img/".$nama;
			$nama_baru	=$nama.$nama;
			$gambar_asli	= imagecreatefromjpeg ($asli);
			$lebar_asli  	= imageSX($gambar_asli);
			$tinggi_asli 	= imageSY($gambar_asli);
			$pembagi 		= $lebar_asli / $width_size;
			$lebar_baru 	= $lebar_asli/$pembagi;
			$tinggi_baru 	= $tinggi_asli/$pembagi;
  
			$img = imagecreatetruecolor($lebar_baru, $tinggi_baru);
			imagecopyresampled($img, $gambar_asli, 0, 0, 0, 0, $lebar_baru, $tinggi_baru, $lebar_asli, $tinggi_asli);
			imagejpeg($img, $asli . $nama);
			imagedestroy($gambar_asli);
			imagedestroy($img);
			
			$insert= mysqli_query ($conn, "INSERT INTO tb_gambar (nama_original, nama_resize) VALUES ('$nama', '$nama_baru')");
			if($insert){
				?>
					<script language="JavaScript">
						alert('Good! Upload and resize image success ...');
						document.location='view-gambar.php';
					</script>
				<?php
			}
			else {
				echo "<div class='register-logo'><b>Oops!</b> 404 Error Server.</div>";
			}
		}
		
		else if ($format=="png") {
			move_uploaded_file($asal, "img/".$nama);
			$asli ="img/".$nama;
			$nama_baru	=$nama.$nama;
			$gambar_asli  	= imagecreatefrompng ($asli);
			$lebar_asli 	= imageSX($gambar_asli);
			$tinggi_asli 	= imageSY($gambar_asli);
			$pembagi 		= $lebar_asli / $width_size;
			$lebar_baru 	= $lebar_asli/$pembagi ;
			$tinggi_baru 	= $tinggi_asli/$pembagi ;
  
			$img = imagecreatetruecolor($lebar_baru, $tinggi_baru);
			imagecopyresampled($img, $gambar_asli, 0, 0, 0, 0, $lebar_baru, $tinggi_baru, $lebar_asli, $tinggi_asli);
			imagejpeg($img, $asli . $nama);
			imagedestroy($gambar_asli);
			imagedestroy($img);
			
			$insert= mysqli_query ($conn, "INSERT INTO tb_gambar (nama_original, nama_resize) VALUES ('$nama', '$nama_baru')");
			if($insert){
				?>
					<script language="JavaScript">
						alert('Good! Upload and resize image success ...');
						document.location='view-gambar.php';
					</script>
				<?php
			}
			else {
				echo "<div class='register-logo'><b>Oops!</b> 404 Error Server.</div>";
			}
		}
		
		else if ($format=="gif") {
			move_uploaded_file($asal, "img/".$nama);
			$asli ="img/".$nama;
			$nama_baru	=$nama.$nama;
			$gambar_asli	= imagecreatefromgif ($asli);
			$lebar_asli  	= imageSX($gambar_asli);
			$tinggi_asli	= imageSY($gambar_asli);
			$pembagi 		= $lebar_asli / $width_size;
			$lebar_baru 	= $lebar_asli/$pembagi;
			$tinggi_baru 	= $tinggi_asli/$pembagi;
  
			$img = imagecreatetruecolor($lebar_baru, $tinggi_baru);
			imagecopyresampled($img, $gambar_asli, 0, 0, 0, 0, $lebar_baru, $tinggi_baru, $lebar_asli, $tinggi_asli);
			imagejpeg($img, $asli . $nama);
			imagedestroy($gambar_asli);
			imagedestroy($img);

			$insert= mysqli_query ($conn, "INSERT INTO tb_gambar (nama_original, nama_resize) VALUES ('$nama', '$nama_baru')");
			if($insert){
				?>
					<script language="JavaScript">
						alert('Good! Upload and resize image success ...');
						document.location='view-gambar.php';
					</script>
				<?php
			}
			else {
				echo "<div class='register-logo'><b>Oops!</b> 404 Error Server.</div>";
			}
		}
		else{
             ?>
					<script language="JavaScript">
						alert('Oops! Upload and resize image gagal ...');
						document.location='./';
					</script>
			<?php
        }
	}
?>

Script php untuk resize gambar ketika di upload di atas cukup panjang karena setiap ekstensi file image yang berbeda dilakukan dengan kondisi yang berbeda pula. Sebagaimana kita ketahui bahwa ekstensi file gambar saat ini antara lain adalah jpg atau jpeg, png, dan gif, ini semua dilakukan dengan cara yang berbeda.

Sebagai informasi bahwa cara upload dan resize gambar dengan php ini dibantu oleh library GD (GD Graphics Library) yang dapat memanipulasi gambar secara dinamis. Untuk mengetahui lebih detail tentang library GD ini, silahkan pelajari petunjuk manual nya di situs php manual ini Image Processing and GD Library.


5. Membuat Interface View Gambar.

Setelah proses upload dan resize gambar berhasil dan otomatis tersimpan di dalam database, maka file image original atau asli dan file image after resize akan tampil pada halaman view ini.

Simpan sebagai view-gambar.php

<html>
    <head>
        <title>Cara Upload dan Resize Gambar dengan PHP</title>
    </head>
    <body>
        <h3>Hasil Upload dan Resize Gambar</h3>
        <hr/>
        <table border="1">
			<tr>
				<td width="20">No</td>
				<td width="290">Gambar Asli</td>
				<td width="200">Gambar Setelah Resize</td>
			</tr>
			<?php
				include "koneksi.php";
				$no=0;
				$query	=mysqli_query($conn, "SELECT * FROM tb_gambar ORDER BY id_gambar DESC");
				while ($data	=mysqli_fetch_array($query)){
				$no++
			?>
			<tr>
				<td><?php echo $no?></td>
				<td align="center"><?php echo "<img src='img/$data[nama_original]'/>"?></td>
				<td align="center"><?php echo "<img src='img/$data[nama_resize]'/>"?></td>
			</tr>
			<?php
				}
			?>
        </table>
    </body>
</html>

Jika Anda mengikuti tutorial cara upload dan resize gambar dengan php dengan benar dan teliti, maka dipastikan semua berjalan baik. Yang terpenting adalah pada script php untuk resize gambar ketika di upload, hal ini tidak boleh keliru sedikitpun. Jika sudah selesai, silahkan jalankan program pada web browser, dan pastikan tampil seperti gambar di bawah ini.

cara upload dan resize gambar dengan php

Perlu kami sampaikan juga bahwa tutorial cara upload dan resize gambar dengan php dibuat dengan sangat sederhana dan dasar, Anda boleh saja mengembangkan menjadi lebih spesifik. Jika ada script php untuk resize gambar ketika di upload yang lebih sederhana mungkin dapat diinformasikan juga melalui form komentar.

Tutorial Cara Upload dan Resize Gambar dengan PHP

Download Complete Script

Sekian penjelasan tentang bagaimana cara upload dan resize gambar dengan php atau auto image compress menggunakan library GD lengkap dengan contoh dan penjelasan. Untuk mendapatkan source code atau script, silahkan Anda dapat langsung download melalui link yang tampil di atas. Kemudian jika terdapat script error silahkan hubungi kami melalui email atau melalui form komentar dan obrolan. Semoga dapat membantu.

Baca juga :


Cara Upload dan Resize Gambar dengan PHP

Tags: cara resize gambar dengan php, script php untuk resize gambar ketika di upload, resize gambar php, resize gambar, cara upload dan resize gambar dengan php


Reliable

cara upload dan resize gambar dengan php

Advertise

jasa pasang iklan murah

Payment & Donation

cara upload dan resize gambar dengan php

Rekening BCA : 343 1156 006

a/n : Andi Hatmoko

Rekening MANDIRI : 13300 11921 079

a/n : Andi Hatmoko

cara upload dan resize gambar dengan php

Account :

andihatmoko@gmail.com

Live Chat

T2021-01-16, 17:16 pm
T
Helina Amira2021-01-12, 03:15 am
Dear Friend, I hope this message does not end up in spam_ Good day to you and I hope you are keeping safe from COVID
Rahma2021-01-07, 14:52 pm
Min, mau tanya aplikasi SIPAS, apakah kami mendapatkan source code ketika melakukan pembelian?
ronzi2015-03-27, 12:44 pm
ini gimana cara kerjanya
intan2015-03-05, 22:22 pm
kalo ingin membuat halaman admin dari program chat seperti ini bagaimana script php nya ???
dalid2015-03-04, 13:58 pm
Mantap
anisa2015-02-18, 14:38 pm
salam kenal :)
Amat2015-01-21, 19:03 pm
Untuk kolom bawaan gimana isinya
untung ja2014-12-05, 09:47 am
heelo bisa gabung dgn kalian??
andela2014-09-11, 09:01 am
saya memerlukan aplikasi/softwere untuk membuat website bagaimana caranya?
Andreas2014-05-22, 19:40 pm
Isi artikelnya bagus, mudah di ikuti buat praktek langsung. Thanks admin
Nanda2014-05-17, 02:07 am
Cara pemesanan aplikasi berbasis web nya gimana, apa bisa scriptnya saja yang dikirim?
Edo2014-01-29, 06:13 am
Dear Admin, Kalo mau order script bagaimana caranya?
Irwan2014-01-22, 03:44 am
Pak admin, kapan free aplikasi nya di release?
angelo2014-01-11, 03:17 am
pak admin websitenya keren abis, kapan kita berkumpul ya
Sania2014-01-04, 03:21 am
Bagaimana cara instal template yg sudah didownload?

Post your chat:


Name



Email



Chat



Confirm you are NOT a spammer

 
cara upload dan resize gambar dengan php