cara upload dan resize gambar dengan php

share

cara upload dan resize gambar dengan php cara upload dan resize gambar dengan php cara upload dan resize gambar dengan php cara upload dan resize gambar dengan php cara upload dan resize gambar dengan php
  • 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

Archive

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

ChesterInigO2022-01-23, 12:33 pm
I am am excited too with this question_
Deni2022-01-20, 11:31 am
Cara Downloadnya gimana?
Indra Setiaw2022-01-11, 15:19 pm
bagaimana caranya saya bisa memperoleh aplikasi SPPD
syahrul2022-01-07, 14:54 pm
ini cara pasangnya harus didalam website atau bisa berdiri sendiri bang?
usin2021-12-17, 23:44 pm
bang form edit datepicker dong
apri2021-12-13, 12:47 pm
mas minta aplikasi penomoran surat otomatis dong_
OSMAN ARISAN2021-12-07, 09:43 am
ok banget
Khoirul2021-11-29, 14:48 pm
Mau tanya unutk Aplikasi SPPD brpa harga?
azob2021-11-25, 09:27 am
Aplikasi E_ dokumen apakah bisa custome?
ahya2021-11-17, 20:02 pm
harga aplikasi arsip surat brp??? bs bntu instal ga?
M. Taufik2021-11-17, 11:44 am
Saya tertarik dengan aplikasi data mahasiswa, tapi apakah bisa data mahasiswa nya dapat diisi sendiri?
man2021-11-11, 08:08 am
App cuti bisakah di+ fitur laporan rekap per cuti per pegawai dan rekap tahun lalu_ Utk tentukan bisa tidak dpt cuti lg
project2021-11-01, 12:14 pm
mba irene masi cari aplikasi arsip surat ?
Ari2021-10-31, 12:24 pm
saya tertarik aplikasi input data anggota_ boleh minta no hp yang bia saya hubungi? terimaksih
Ketut Wiyasa2021-10-22, 09:58 am
Biaya pembuatan aplikasi marketplace berbasis web
Budi H2021-10-06, 11:12 am
Saya tertarik dengan disain Sistem informasi Manajemen data anggota, bisa di custom untuk data UMKM?
Irene2021-10-05, 14:50 pm
Hai, saya tertarik dengan aplikasi arsip surat masuk dan keluar_ _ Berapa ya kira kira rincian biayanya?
adi2021-10-03, 17:16 pm
terima kasih tutorialnya sangat membantu
Abi2021-10-02, 01:48 am
hai saya tertarik dengan Program Aplikasi Input Data Anggota, ada telp yang bisa di hubungi ?
saya ertin2021-09-28, 15:07 pm
apakah saya bisa hosting yang data siswa
Indra2021-09-20, 14:39 pm
selamat siang, sy mau coba utk bikin startup peminjaman barang, apakah bisa di setup lokal server ?harga brp?ada limiter
Dimas Nurcah2021-09-16, 11:38 am
cara menampilkan ip versi 6 nya itu gimana min? saya coba scriptnya malah _ _ 1 _ Mohon sekali bantuannya min
dedi2021-09-11, 13:06 pm
sandi login untuk aplikasi absensi mas apa ya
Budi2021-09-09, 15:49 pm
Maaf ingin bertanya, harga untuk aplikasi sarpras dan simpeg berapa ya masing_ masingnya
SURATNO2021-09-03, 13:47 pm
saya ingin bikin aplikasi data rt rw apakah bisa di bantu
BUKHORI2021-08-23, 00:36 am
mohon info harga aplikasi input data anggota?
Bagas2021-08-12, 14:04 pm
Bagaimana saya bisa mendownload aplikasi E_ Skripsi
Bambang2021-07-29, 14:18 pm
Bisa di ganti namanya tidak ya mis Gudang backup arsip sat
Nirwan2021-07-29, 10:23 am
Program Aplikasi HRD Berbasis Web, berapa bos
Ghossani2021-07-23, 15:26 pm
Info harga Aplikasi Manajemen Anggota
Hanafi2021-07-22, 00:50 am
untuk website sekolah berapa
Bambang W 2021-06-30, 10:31 am
Untuk aplikasi stock barang, bisakah ada tambahan fitur multi gudang, dan kira kira berapakah harganya?
Warta2021-06-18, 00:24 am
Untuk biaya pembuatan aplikasi berbasis web untuk arsip berapa yah fee nya ?
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?
Ezi Fitriana2021-05-26, 21:42 pm
mohon info biaya buat aplikasi sistem informasi dan pelayanan online buat Kantor Desa
Sayuti2021-05-25, 15:06 pm
Mau tanya klo Biaya buat Aplikasi Penilaian Kinerja Atau SKP brp ya?
Rachma2021-05-08, 19:26 pm
Untuk program aplikasi arsip dokumen biayanya berapa ya? dan apakah ada pembatasan maksimal berapa kb per dokumen?
irvan2021-04-14, 11:00 am
saya ingin membeIi untuk instansi pemerintah saya, bagaimana pembeIiannya ya

Post your chat:


Name



Email



Chat



Confirm you are NOT a spammer

 
cara upload dan resize gambar dengan php