IRCForumları - IRC ve mIRC Kullanıcılarının Buluşma Noktası - jQuery ve HTML Kullanarak basit bir resim upload script'i yapalım

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:

<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:

if($_SERVER['REQUEST_METHOD'] == "POST")

{

if(move_uploaded_file($_FILES['file']['tmp_name'], "resimler/".$_FILES['file']['name']))

{

echo($_POST['index']); 

}

exit;

}

HTML5 Kodu

Kod:

<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...]