Preview image sebelum di upload

setelah browsing sana sini, akhirnya saya menemukan coding untuk preview image sebelum di upload ke database atau dicopy ke folder. Script berikut merupakan bagian dari project yang baru saya dapatkan baru-baru ini, ketika akan mengupload sebuah foto, agar gambar yang diupload adalah gambar yang benar, maka perlu di preview terlbih dahulu..disini saya coba berbagi dengan rekan2 semua, siapa tau nanti mendapatkan kasus yang sama. Script nya bisa di lihat seperti berikut

<script language=”javascript”>
var imgRe = /^.+\.(jpg|jpeg|gif|png)$/i;
function previewImage(pathField, previewName)
{
var path = pathField.value;
if (path.search(imgRe) != -1)
{
document[previewName].src = ‘file://’+path;
}
else
{
alert(“JPG, PNG, and GIFs only!”);
}
}
</script>

<div>
<form name=”myform”>
<input type=”file”
name=”gambar”
size=”30″/>
<input type=”button”
value=”Preview”
onClick=”previewImage(document.myform.gambar,
‘replaceMe’)”/><br><br><img src=”#” alt=”belum

ada gambar” name=”replaceMe”/>
</form>
</div>

silahkan dcoba.save coding diatas dengan ekstensi *.html