Jquery ile upload işlemi

merhabalar,

bilindiği üzere jquery ile post,get işlemleri kolaylıkla yapılabilmesine rağmen güvenlik nedeniyle upload yapılamıyor.

katıksız jquery ile bu yapılamaz iken ufak bir eklenti ile sorunsuz şekilde upload yapabilirsiniz.

eklenti adresi: http://lagoscript.org/jquery/upload?locale=en

eklenti demo: http://lagoscript.org/jquery/upload/demo?locale=en

eklenti dökümanı: http://lagoscript.org/jquery/upload/documentation?locale=en

Kullanım:

öncelikle eklentiyi entegre ediyoruz.


<script src="http://lagoscript.org/files/jquery/upload/jquery.upload-1.0.2.js"></script>

daha sonra html kısmını hallediyoruz.


<form>
<input type="file" name="resim" />
<span id="durum"></span>
</form>

html kısmından klasik dosya yükleme işlemini yapıyoruz


<?php
$dizin = '/public_html/site.com/uploads/';
$yuklenecek_dosya = $dizin . basename($_FILES['resim']['name']);
if (move_uploaded_file($_FILES['resim']['tmp_name'], $yuklenecek_dosya)){
echo "Dosya geçerli ve başarıyla yüklendi.n";
} else {
echo "Dosya yüklenemedi.!n";
}
?>

evet basit olarak php kısmını da yaptık ve bunu upload.php şeklinde kayıt ediyoruz.

şimdi eklentiyi çalıştıralım ve dosyanın sayfa yenilenmeden yüklenmesini sağlayalım.


<script type="text/javascript">
$(function() {
// input name="resim" form'unda herhangi bir değişiklik olursa işlem yap
$('input[name="resim"]').change(function() {
$(this).upload(
// dosyanın işlem yapacağı php dosyası
'upload.php',
function(cevap) {

// durum etiketli html tagına gerekli sonucu yazdır
$("#durum").html(cevap);
},
'html'
);

return false;
});
});
</script>

Check Also

Linux DNS (Bind) Servisi Sorunu Çözme

Linux sunucunuzda bind (dns) servisinde sorunlar yaşıyorsanız bu servisi tekrar başlatmanız (resetlemeniz) sorununuzu büyük ihtimal …

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir