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

Centos Başlangıçta Servisleri Çalıştırmayı Engelleme

Centos sunucumuzu başlattığımızda istediğimiz servislerin çalışmasını engelleyebilmemiz mümkündür. Bu işlem için kullanmamız gereken komut şu …

Bir Cevap Yazın

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

77