HTML5 ve jQuery kullanarak Sürükle bırak çoklu resim yükleme script'i yapacaz
Kullanacağımız diller ;
- Jquery (1.7+ - denendi, sorunsuz çalışıyor)
- HTML 5
Javascript Kodu ;
Kod: Kodu kopyalamak için üzerine çift tıklayın!
<script type="text/javascript" src="
js/jquery.min.
js"></script>
<script type="text/javascript" src="
js/multiupload.
js"></script>
<script type="text/javascript">
var config = {
// izin vereceğimiz dosya uzantıları
support : "image/jpg,image/png,image/bmp,image/jpeg,image/gif",
form: "demoFiler",
dragArea: "dragAndDropFiles",
uploadUrl: "upload.php"
}
$(document).ready(function()
{
initMultiUploader(config);
});
</script>
upload.php
Kod: Kodu kopyalamak için üzerine çift tıklayın!
if($_SERVER['REQUEST_METHOD'] == "POST")
{
if(move_uploaded_file($_FILES['file']['tmp_name'], "resimler/".$_FILES['file']['name']))
{
echo($_POST['index']);
}
exit;
}
HTML5 Kodu
Kod: Kodu kopyalamak için üzerine çift tıklayın!
<div id="dragAndDropFiles" class="uploadArea">
<h1>Buraya sürükle bırak</h1>
</div>
<form name="demoFiler" id="demoFiler" enctype="multipart/form-data">
<input type="file" name="multiUpload" id="multiUpload" multiple />
<input type="submit" name="submitHandler" id="submitHandler" value="Yukle" />
</form>
<div class="progressBar">
<div class="status"></div>
</div>
[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]