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

Evan2021-06-12, 02:48 am
Harga aoftware bkin ektp brp?
parlin2021-06-11, 14:42 pm
berapa harga dan bisa gk di ganti menu sesui dengan kebutuhan untuk aplikasi data pegawai
Retno2021-06-04, 15:13 pm
utk aplikasi arsip dokumen kantor, harganya brp ya pak?
NOFAL2021-06-02, 20:57 pm
hallo, untuk aplikasi penjualan retail brp harganya? ini sistem bisnisnya source code di ksh atau cloud?
Ezi Fitriana2021-05-26, 21:42 pm
mohon info biaya buat aplikasi sistem informasi dan pelayanan online buat Kantor Desa
arif2021-05-26, 04:33 am
Gan aplikasi hrd harga brp?
Sayuti2021-05-25, 15:06 pm
Mau tanya klo Biaya buat Aplikasi Penilaian Kinerja Atau SKP brp ya?
Farah Ghaida2021-05-20, 15:13 pm
maaf pa sy mau tanya biaya pembuatan aplikasi data kepegawaian
Rachma2021-05-08, 19:26 pm
Untuk program aplikasi arsip dokumen biayanya berapa ya? dan apakah ada pembatasan maksimal berapa kb per dokumen?
Donald Amrul2021-05-04, 09:53 am
Mas username member saya apa ya lupa saya coba cek mas
yudhi2021-05-02, 22:26 pm
aplikasi peta hukum tidak bisa demo
zainuddin2021-05-02, 08:07 am
mohon informasi harga cuti online
zulkifli2021-04-25, 22:45 pm
brapa harganya aplikasi data ke anggotaan sederhana yang bisa lampirkan foto dan di print
iyus Mohamad2021-04-23, 13:04 pm
untuk pembuatan program aplikasi arsip dokumen perkiraan biayanya berapa ya?
irvan2021-04-14, 11:00 am
saya ingin membeIi untuk instansi pemerintah saya, bagaimana pembeIiannya ya
Muhamad Budi2021-04-09, 13:31 pm
saya mau beli aplikasi KGB
Nourma Berdh2021-04-08, 14:28 pm
untuk pembuatan program aplikasi arsip dokumen perkiraan biayanya berapa ya?
Sahlani2021-03-25, 19:33 pm
Saya mau pesan absensi karyawan berbasis web yang sederhana_
Shany2021-03-19, 08:59 am
saya ingin coba demo yang aplikasi inventory berbasis web, harganya berapa ya
Din2021-03-17, 12:24 pm
Mas mau tanya, kalo mau bikin script berikut penjelasannya berapa ya ? biar mengerti kalau mau edit edit
fahmi2021-03-16, 02:16 am
Berapa ya harga aplikasi perjalanan dinas ini?
dela2021-03-10, 10:23 am
ka untuk pembelian aplikasi manajemen anggota berapa budgetnya? dan mendapatkan source codenya tidak ya?
Irwan TB2021-03-04, 08:43 am
Saya Minat dgn aplikasi server _ Sofware input data siswa_ Bagaimana caranya
Reza2021-03-03, 16:42 pm
Mas saya ingin ngambil data dari database, terus data itu dikalkulasi dibutton html saya dan muncul alert hasilnya?
isna2021-02-26, 23:59 pm
saya minat Aplikasi pengajuan judul skripsi online bang_
susanto2021-02-19, 05:06 am
berapa harga aplikasi data mahasiswa?
Juni2021-02-18, 09:55 am
Klo aplikasi koperasi simpan pinjam aplikasinya yg pembayaran tiap minggu ? Berapa badgetnya
Efpu2021-02-18, 07:18 am
Harga untuk aplikasi arsip berapa ?
Adind2021-02-11, 16:39 pm
saya sudah isi sesuai dengan yg ada di database tapi keterangannya username dan password nya salah gmna tuh kak?
Jagad2021-01-22, 20:44 pm
Aplikasi nya mantap gan, yang arsip digital_ source code sangat terstruktur dan berkarakter, jadi mudah dipelajari_ Thx
regista2021-01-20, 10:45 am
Hallo kak info saya ingin download aplikasi rental barang kak
Akbar2021-01-18, 14:36 pm
Terima kasih programnya, sebagai referensi tugas akhir

Post your chat:


Name



Email



Chat



Confirm you are NOT a spammer

 
cara upload dan resize gambar dengan php