File Dosyasını verilerini Jquery ile post etmek
UstaDerslik Soru-Cevap Yararlı Araçlar
arama ikon
Diller
Türkçe Türkçe

bilgi UstaDerslik
Bu uyari kutusudur.
Tamam

Anasayfa
İletişim
Üyeler

File Dosyasını verilerini Jquery ile post etmek

Paylaş  :
profil
atm10
GÖRÜNTÜLENME(806)
RAPOR ET
file dosyasının bulunduğu formun tamamını post etmek istiyorum ancak belli bir sorunla karşılaşıyorum.

Mesela type="file" değilde type="text" olarak post işlemi başarılı bir şekilde yapabiliyorum.

Bu işlemi şu şekilde yaparak başarılı oldum.

a.php sayfası
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
function postolayi(){
$.ajax({
type:'POST',
url:'b.php',
data:$('#form1').serialize(),
success:function(cevap){
alert(cevap)

}
})
}
</script>

<form id="form1"><label for="textfield">Adınız</label>
<input id="textfield" type="text" name="ad" />
<input onclick="postolayi();" value="Gönder" type="button" /></form>


b.php sayfası

 <?php
$gelen = $_POST["ad"];
echo "--->>>".$gelen;

?>


Sayfada Gönder dedikten sonra text alanına yazdığım veri "--->>> " ile birlikte karşımıza geliyor.


Ancak tipini text değilde file yapınca sorun oluyor.
b.php sayfası da şu şekilde oluyor

 <?php
$gelen = $_FILES["ad"]["tmp_name"];
echo "--->>>".$gelen;

?>


göndere tıklayınca hata mesajı alıyorum.

Bu sorunu nasıl aşarım.
Teşekküler...




cArleone
cArleone 3 Yıl Önce Cevaplandı
Normal ajax methodu file bilgilerini yollamıyor.Bunun için bazı pluginler var bunları kullanman gerek.Benim kullandığım şu var. http://malsup.com/jquery/form/#file-upload bunu kullanabilirsin.
atm10
atm10 3 Yıl Önce Cevaplandı
<script src="http://malsup.github.io/min/jquery.form.min.js"></script>


yukardaki eklentiyi eklememe rağmen olmadı.

b.phpde mi hata yapıyorum?
atm10
atm10 3 Yıl Önce Cevaplandı
yardımcı olan yok mu?
cArleone
cArleone 3 Yıl Önce Cevaplandı
Sadece eklemen yetmez onun sunduğu ajax methodunu kullanman gerek.
$('form').ajaxForm({
url: 'comment.php', //gönderilecek yer
type='POST',//tipi
data: { key1: 'value1', key2: 'value2' },//gönderilecek veriler
uploadProgress: function(event, position, total, percentComplete) {
//progres bar verileri.tek tek bakabilirsin.
},
success: function() {
//gönderilirken.
},
complete: function(xhr) {
//tammalandığında
}
});

Yukarıda formu seçip ajax methodunu uyguluyoruz.temel öğeleri bunlar daha fazlası için şuraya bakabilirsin.
http://malsup.com/jquery/form/#options-object



Kod
Kalın
Vurgu
Resim
Video
Url
CEVAPLA
Tüm Hakları Saklıdır. ©Arleone 2013-2014 UstaDerslik






Giriş
Şifremi Unuttum...
Şifre Talep
  Kuralları Kabul Ediyorum.
Kaydol