Ajax ile resim yüklerken dikkat edilmesi gerekenler
Öncelikle bu yazı Ajax kullananlar için hazırlanmıştır, Ajax'ı temel düzeyde bildiğiniz farz edilir. Kısaca Ajax teknolojisi, sayfanın tamamının değil de sadece istenilen bir bölümünün yeniden yüklenmesi gerektiğinde kullanılır. Böylece bant genişliğinden, hızdan kazanç sağlanır.
Bu yazımızda bir formu POST metodu ile gönderirken bu form içinde FILE nesnesi kullanmış isek, serialize() metodunu kullanmamamız gerekmektedir. Bu metod, diğer tüm form nesnelerini sorunsuz aktarırken FILE nesnesini aktarmamaktadır.
Aşağıdaki iki kod bloğunu inceleyelim.
Önce;
$.ajax({
type: "POST",
url: "uyeduzelt2.php",
data: $('#uyeduzeltform').serialize(), //bu kısım değişecek
success: function(html) {
//işlem başarılı ise yapılacaklar
}
});
Sonra;
var form = $('#uyeduzeltform')[0];
var formUyeDuzelt= new FormData(form);
$.ajax({
type: "POST",
url: "uyeduzelt2.php",
enctype: 'multipart/form-data',
processData: false,
contentType: false,
cache:false,
data: formUyeDuzelt,
success: function(html) {
//işlem başarılı ise yapılacaklar
}
});
Gördüğünüz gibi ilk kod bloğunda data parametresi değişmiştir, serialize() yöntemi kaldırılmıştır. Aşağıdaki iki satır eklenmiştir.
var form = $('#uyeduzeltform')[0];
var formUyeDuzelt= new FormData(form);
Özellikle yazılan processData: false, contentType: false, çok önemli iki parametredir, verinin işleniş yöntemi ve içeriği hakkında gerekli parametrelerdir.
Aşağıdaki referanstan detaylı inceleyebilirsiniz.
http://api.jquery.com/jquery.ajax/
Mutlu kodlamalar,
Şubat 2018
Oğuzhan TAŞ
Dil Değiştir(Change Language)
Kategoriler
- Csharp(58)
- Csharp Formlar(23)
- Web Tasarım(9)
- CSS(27)
- JavaScript(37)
- PHP(50)
- Laravel(3)
- ASP.net(38)
- Excel(15)
- Güvenlik(4)
- E-Ticaret(3)
- Kariyer(5)
- SQL Server(29)
- MySQL(16)
- Linux(17)
- MacOSX(8)
- Ayarlar(12)
- Bilgisayar Ağları(3)
- Symfony(1)
- Teknoloji(7)
- VBS(1)
- Arduino(6)
- RaspberryPi(1)
- Algoritmalar(15)
- HTML(3)
- Python(2)
- Bash Script(7)
- C Programlama(10)
- Flutter - Dart(11)
- Bootstrap(1)
En çok Okunan 18 Makale
- :: Excelde EĞER Fonksiyonu Kullanımı...
- :: Csharp ile Access Veritabanı Bağlan...
- :: SQL nedir, Temel SQL Komutları nele...
- :: Hangi Linux Dağıtımı?
- :: OSX İşletim Sistemine PHP, MySQL, A...
- :: Excel Hesap tablosunda EĞERSAY Fonk...
- :: PHP dilini kullanarak MySQLi tekniğ...
- :: Excel Hesap tablosunda ÇOKETOPLA Fo...
- :: Excel Hesap tablosunda ETOPLA Fonks...
- :: Excel Hesap tablosunda ÇOKEĞERSAY F...
- :: Hangi Programlama Dilini Öğrenmeliy...
- :: Mac Bilgisayarınıza Windows 7 Yükle...
- :: PHP ile Basit Dosya Yükleme
- :: C# Programlama Dili ile İlgili Örne...
- :: Excel hücrelerinde yıldız koyarak b...
- :: PHP Dili kullanarak MySQLi Tekniği ...
- :: PhpMyAdmin Şifresi Nasıl Değiştiril...
- :: Hangisi acaba, PHP mi ASP.NET mi ?