Bu dersimizde jquery ile nasıl dosya upload verileri alırız onu göstereceğim.Verileri almak için kullanacağımız plugin
WordCount.5 kodumuz mevcut.Bunlara bakalım.
İndir : http://ustaderslik.com/dosya/WordCount.zip
//burda veri bize dosya boyutunu veriyor.
WordCount.bytes("file_idi",function(veri){ /*işlem*/ })
//burda veri bize kelime sayısını veriyor.
WordCount.words("file_idi",function(veri){ /*işlem*/ })
//burda veri bize satır sayısını veriyor.
WordCount.lines("file_idi",function(veri){ /*işlem*/ })
//burda veri bize en uzun satırı veriyor.
WordCount.longest("file_idi",function(veri){ /*işlem*/ })
//burda veri bize karekter sayısını veriyor.
WordCount.chars("file_idi",function(veri){ /*işlem*/ })
Kodlarımız bu kadar şimdi örnek yapalım. WordCount çalışma şekli her değişim olduğunda çalışmak.Yani file her değiştiğinde WordCount.bytes yeniden çalışıyor.Diğerleri içinde geçerli.
Genel örnek :
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>UstaDerslik</title>
<script type="text/javascript" src="wordcount.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
$(function(){
WordCount.bytes("dosya", function(boyut) { $(".boyut").html("<b>Boyut : </b>"+boyut) });
WordCount.words("dosya", function(kelime) { $(".kelime").html("<b>Kelime sayısı : </b>"+kelime) });
WordCount.lines("dosya", function(satir) { $(".satir").html("<b>Satır sayısı : </b>"+satir) });
WordCount.longest("dosya", function(uzun) { $(".uzun").html("<b>En uzun satır : </b>"+uzun) });
WordCount.chars("dosya", function(karekter) { $(".karekter").html("<b>Karakter sayısı : </b>"+karekter) });
$("#dosya").change(function(){ $(".konum").html("<b>Konum : </b>"+$(this).val()); })
});
</script>
</head>
<body>
<input type="file" id="dosya" />
<br /><br />
<div class="konum"></div>
<div class="boyut"></div>
<div class="kelime"></div>
<div class="satir"></div>
<div class="uzun"></div>
<div class="karekter"></div>
</body>
</html>
Görüntüsü :
Gördüğünüz gibi verileri bu şekilde alıyoruz.Ek olarak ben jquery change methodu ile filenin konum ve ismini aldım.WordCount kullanımı bu kadar.
UstaDerslik
