usahawan-maju | Cara Membuat Validasi Type Gambar JPG, JPEG - Terkadang disaat kita akan melakukan upload gambar atau menyimpan gambar pada database kita kita perlu juga melakukan validasi apakah data yang kita ambil dari PC benar data type gambar dan bukan type data yang lain. Tujuan daripada validasi ini biasanya adalah agar tidak terjadi kesalahan pemrosesan data selanjutnya. Misalkan gambar akan kita tampilkan sebagai foto profil atau background, nah apabila data yang kita upload bukan .jpg atau .jpeg atau bukan type gambar yang lain bisa jadi foto tidak akan tapil atau tayang. Disini sudah terjadi error yang error tersebut seharusnya ditangani saat pertama kali file diunggah.
Biasanya script upload bisa digunakan untuk mengupload banyak type file atau all type. Sehingga perlu ada tambbahan script validasi yang sesui dengan pola kerja aplikasi yang sedang kita bangun. Saat ini kita akan mencoba melakukan validasi file gambar .jpg, .Jpeg anda juga bisa melakukan penambahan file type yang lain seperti PNG, TIFF, dsb dengan menambahkan type file yang dikenali pada source code berikut :
<form method="post" action="" enctype="multipart/form-data" onsubmit="return validateFile()" >
<table>
<tr><td width="100">Upload Gambar </td>
<td width="10">:</td>
<td width="219"><input type="file" name="myFile" id="img_gb" /></td>
</tr>
<tr><td width="173"></td>
<td width="10"></td>
<td>
<input type="submit" name="tambah" value="Tambah"/>
<input type="reset" class="submitButton" value="Batal"/>
</td>
</tr>
</table>
</form>
<script type="text/javascript">
function validateFile()
{ var allowedExtension = ['jpeg', 'jpg'];
var fileExtension = document.getElementById('img_gb').value.split('.').pop().toLowerCase();
var isValidFile = false;
for(var index in allowedExtension) {
if(fileExtension === allowedExtension[index]) {
isValidFile = true;
break;
}
}
if(!isValidFile) {
alert('Hanya menerima File Type : *.' + allowedExtension.join(', *.'));
}
return isValidFile;
}
</script>
<?php
if($_POST['tambah']=='Tambah')
{ }
?>
Jika kita jalankan hasilnya kurang lebih sebagai berikut :
Saya mencoba mengupload file .mp4 atau type file vidio, namun setelah saya tekan tambah atau untuk mengupload, muncul peringatan Hanya bisa menerima File Type *.jpg dan *.jpeg. Ini kira-kira validasi yang saya maksudkan. Sederhana singkat namun semoga bisa bermanfaat. Pada script diatas juga sudah saya berikan kondisi if apabila ingin melanjutkan eksekusi dari foto jika file type diterima apakah akan anda simpan atau anda apakan. Jika ingin belajar juga cara menyimpan gambar pada database anda bisa melanjutkan membaca artikel berikut Cara Menyimpan File Gambar di database atau Klik disini .
