IRCForumları - IRC ve mIRC Kullanıcılarının Buluşma Noktası
  sohbet

Yeni Konu aç Cevapla
 
LinkBack Seçenekler Stil
Alt 19 Ocak 2013, 02:56   #1
Issac
Guest
Kullanıcıların profil bilgileri misafirlere kapatılmıştır.
IF Ticaret Yüzdesi:(%)
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:   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...]

 
Alıntı ile Cevapla

IRCForumlari.NET Reklamlar
sohbet odaları sohbet odaları Benimmekan Mobil Sohbet
Cevapla

Etiketler
basit, bir, html, jquery, kullanarak, resim, scripti, upload, ve, yapalım


Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)
 
Seçenekler
Stil

Yetkileriniz
Konu Acma Yetkiniz Yok
Cevap Yazma Yetkiniz Yok
Eklenti Yükleme Yetkiniz Yok
Mesajınızı Değiştirme Yetkiniz Yok

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı
Trackbacks are Kapalı
Pingbacks are Açık
Refbacks are Açık


Benzer Konular
Konu Konuyu Başlatan Forum Cevaplar Son Mesaj
JQuery Basit Başlık Düzenleme Cry PhpBB 0 05 Eylül 2011 13:16