jQuery – Dosya yükleme – File upload

  • 27 Mayıs 2016
  • 72 Okunma
  • Yorum Yok
  • 3 DK

Merhabalar jQuery severler,

Bazen formlarda dosya yüklemeyi sayfa yenilemeden yapmamız gerekiyor ve sizde biliyorsunuz ki sayfa yüklemeden bir işlem yapabilmemiz için ajax veya jQuery kullanmamız gerekiyor. Eğer php bilginiz var ise dosya yükleme işlemlerini ne $_POST nede $_GET ile alabiliriz bize php yönlenen dosya yükleme işlemlerini $_FILES değişkeni ile alabiliyoruz. Şimdi bu duruma bakarsak (jquery ve php bildiğinizi var sayıyorum) bir çakışma var. Çakışma şu şekilde jquery ile post ve get işlemleri yapabiliyoruz yani tek veri gidişi yapıyoruz ÖRN bir inputtaki yazıyı bir php dosyasına gönderebiliyoruz ama FILES da öyle değil “tmp_name” “filename” gibi bilgiler içeren birden fazla bilgi gönderiliyor yani basit olarak file inputu val değerini alıp gönderme işlemi yapamayız ama bunu şu şekilde çözebiliyoruz.

//ÜRÜNLER İÇE AKTAR
$('.iceaktar').on('change',function(){
var file = $(this)[0].files[0];
var form_data = new FormData(file);
form_data.append( 'dosya', file ); //inputun name paremetresi
$.ajax({
url: "https://www.hayatikodla.net",  //php dosyasının yolu
type: 'POST',
success: function(e){
console.log(e);
},
data: form_data,
cache: false,
contentType: false,
processData: false
});
});
//ÜRÜNLER İÇE AKTAR

Yukarıdaki jQuery kodu ile bir form oluşturup o forma file değeri oluşturup ajax ile bir php dosyasına post edebiliyoruz. Böylelikle anlık dosya yükleme işlemini yapmış oluyoruz ve gene php dosyamızda normal dosya yükleme yapar gibi $_FILES ile bu değerleri alabiliyoruz. 🙂

Umarım işinize yarar 🙂

HAYATI KODLA'YA ABONE OLUN!!

jQuery – Dosya yükleme – File upload İle Benzer Yazılar

"jQuery – Dosya yükleme – File upload" Yazısına uygun diğer makalerler