lostyazilim
tr.link

Sayfa yenilemeden form gönderiminde resim yükleme olayı

4 Mesajlar 624 Okunma
acebozum
tr.link

ismail03 ismail03 WM Aracı Kullanıcı
  • Üyelik 28.11.2013
  • Yaş/Cinsiyet 30 / E
  • Meslek Ameliyathane Hemşiresi
  • Konum Afyon
  • Ad Soyad I** Ç**
  • Mesajlar 2633
  • Beğeniler 344 / 487
  • Ticaret 12, (%100)
Şimdi şöyle bir formum var
http://codepen.io/ismailciloglu/pen/xqmqor
bu formda form elemanlarını gönderebiliyorum ancak Resim yükleyemiyorum bunu nasıl halledebilirim :)
 

 

googleasistan

Smokie Smokie WM Aracı Kullanıcı
  • Üyelik 30.03.2017
  • Yaş/Cinsiyet 42 / E
  • Meslek PHP Senior Developer
  • Konum İzmir
  • Ad Soyad Ö** K**
  • Mesajlar 73
  • Beğeniler 0 / 14
  • Ticaret 0, (%0)
Form serialize yerine append metodu kullanmalısın.
 

 

Allah iyidir tatlım.

ismail03 ismail03 WM Aracı Kullanıcı
  • Üyelik 28.11.2013
  • Yaş/Cinsiyet 30 / E
  • Meslek Ameliyathane Hemşiresi
  • Konum Afyon
  • Ad Soyad I** Ç**
  • Mesajlar 2633
  • Beğeniler 344 / 487
  • Ticaret 12, (%100)

Smokie adlı üyeden alıntı

Form serialize yerine append metodu kullanmalısın.


appand ile nasıl alabilirim?
$("form#files").submit(function(){

var formData = new FormData($(this)[0]); alert(FormData);
})


javascript hakkında yeterli bilgim yok :(
 

 

Smokie Smokie WM Aracı Kullanıcı
  • Üyelik 30.03.2017
  • Yaş/Cinsiyet 42 / E
  • Meslek PHP Senior Developer
  • Konum İzmir
  • Ad Soyad Ö** K**
  • Mesajlar 73
  • Beğeniler 0 / 14
  • Ticaret 0, (%0)

jQuery(document).on('submit', '#IDConfirmForm', function (e) {
e.preventDefault();
var FrontID = jQuery('#frontID')[0];
var EndID = jQuery('#endID')[0];
var formData = new FormData();
formData.append("File[]",FrontID.files[0]);
formData.append("File[]",EndID.files[0]);
jQuery.ajax({
url: '{$setting['Url']}data/confirm/IDConfirm',
type: 'POST',
data: formData,
async: false,
cache: false,
contentType: false,
enctype: 'multipart/form-data',
processData: false,
success: function (data) {
var response = jQuery.parseJSON(data);
if(response.statu == 'Failed') {
jQuery('#CardConfirmStatu > div > div > p').html(response.error);
jQuery('#CardConfirmStatu').fadeIn();
} else {
jQuery('#CardConfirmStatu').fadeOut();
jQuery('#confirmID').fadeOut('600');
jQuery('#AdressConfirm').fadeIn('600');
}
},
fail: function (data) {
jQuery('#CardConfirmStatu > div > div > p').html('{#CardConfirmFailed}');
jQuery('#CardConfirmStatu').show();
}
});
return false;
});


Bu örneğe bakarak yapabilirsin.
 

 

Allah iyidir tatlım.
wmaraci
wmaraci
wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al