Pencarian

Jumat, 20 Maret 2009

Membuat Galeri Gambar dan Multi Upload File

Sebenarnya ketika membuat artikel ini saya lagi belajar OOP.
jadi saya membuatnya masih campur aduk (class nya masih berantakan).
pada galeri sederhana ini memakai cara multi upload( upload file lebih dari satu).
Screenshot nya seperti ini:

Saya membuat galeri ini dengan memanfaatkan fungsi readdir pada PHP, mungkin kurang disarankan masalahnya terasa lumayan berat setiap kali saya view galeri nya.

Sedangkan untuk multi Upload file saya menggunakan coding seperti ini:

for($i=0;$i <= count($file);$i++)
{
if($type_file[$i] == "image/jpeg" || $type_file[$i] == "image/png" || $type_file[$i] == "image/gif")
{
$path1= "imagesgalery/".$file[$i];
$upload = copy($tmp_file[$i], $path1);
}
}

dan untuk script inputnya seperti ini:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Galeri</title>
<link rel="stylesheet" type="text/css" href="css/main.css" />
<script language="JavaScript">
function _add_more() {
var txt = "<br><input type=\"file\" name=\"file[]\">";
document.getElementById("dvFile").innerHTML += txt;
}
</script>
</head>
<body>
<form action="index.php?id=uploadNow" method="post" enctype="multipart/form-data" name="form1" id="form1">
<tr class="txt">
<td valign="top">
<div id="dvFile">
<input type="file" name="file[]">
</div>
</td>
<td valign="top">
<a href="javascript:_add_more();" title="Add more">
Add lagi
</a>
</td>
</tr>
<br><br><input type=submit name=Submit value=Upload />
</form>
</body>
</html>

Silahkan ambil file lengkap nya disini.

3 komentar: