A.Cihan Yamaneren
Ajax ile Resim Yükleme

Ajax ile Resim Yükleme

10 ay önce Okunma: 1101 JavaScript & jQuery

Bazı arkadaşların ajax formlarında dosya yüklerken çok ilginç teknikler kullandığına şahit oldum. Iframe refresh ederek resmi o iframe üzerinden yüklemeye çalışıp, resmin veya dosyanın bilgilerini kayıt formuna yönlendirerek kayıt işlemini gerçekleştirmek hakikatten zaman ve performans kaybı. Bu teknik sadece resim için değil bütün dosyalar için geçerlidir.

jQuery Kısmı

$(document).on("submit", "form", function (e) {
  var $data = new FormData(this);
  $.ajax({
    url: "./upload.aksiyon.php",
    data: $data,
    contentType: false,
    processData: false,
    type: "POST",
    success: function (xhr) {
      $("#sonuc").html(xhr);
    }
  });
});

HTML Form Kısmı
<h2>Ajax Dosya Yükleme Formu</h2>
<form action="javascript:void(0);" name="dosyayukle" id="dosyayukle" enctype="multipart/form-data">
  <input type="file" name="dosya" id="dosya" />
<input type="submit" value="Yükle" /> </form> <br /> <pre id="sonuc"></pre> </form>

Demo İndir (Toplam 203 kere indirildi)
Hazırlayan : Ahmed Cihan Yamaneren
  • Facebook Paylaş
  • Twitter Paylaş
  • Google+ Paylaş
  • Linkedin Paylaş
  • Puan ver :
  • html5
  • ajax
  • javascript
  • Yazılım Uzmanı
  • jquery
  • yazılım performansı
  • web tasarım
  • web yazılım
  • ajax resim upload
  • ajax ile resim yükleme
  • jquery ile ajax işlemleri
Yorumlar (Toplam : 4 yorum mevcut!)
BBCODE BİLGİLERİ []

bbCode Bilgileri

[b](.*?)[/b]
Bold

[u](.*?)[/u]
Underline

[i](.*?)[/i]
Italic

[code=(.*?)](.*?)[/code]
(Örn: [code=javascript] icerik [/code],[code=php] icerik [/code])

[size=(.*?)](.*?)[/size]
Font Size

[color=(.*?)](.*?)[/color]
Font Color

[url=((?:ftp|https?)://.*?)](.*?)[/url]
(Örn: [url=http://goo.gl]Google[/url])

[img](https?://.*?\.(?:jpg|jpeg|gif|png|bmp))[/img]

angel O:) veya O:-)
smile :-) veya :) veya :] veya =)
tongue :-P veya :P veya :-p veya :p veya =P
wink ;-) veya ;)
grin :-D veya :D veya =D
curly lips :3
kiss :-* veya :*
grumpy >:( veya >:-(
glasses 8-) veya 8) veya B-) veya B)
sunglasses 8-| veya 8| veya B-| veya B|
upset >:O veya >:-O veya >:o veya >:-o
confused o.O veya O.o
gasp :-O veya :O veya :-o veya :o
pacman :v
squint -_-
devil 3:}
unsure :^ veya :-^
frown :-( veya :( veya :[ veya =(
cry :'(
heart <3
kiki ^_^
    Güvenlik Kodu
    Kalan karakter sayısı : 1250
    • Ahmed Cihan Yamaneren Ahmed Cihan Yamaneren Geçen ay
      Kardeş bu sadece nasıl yapılacağını göstermeye dayalı bir uygulama. Kullanmak isteyen kişi bunu geliştirmeli. PHP tarafında gerekli önlemleri almalısın. Ayrıca demiş olduğun şeyin bu uygulama ile alakası yok. Her uygulama için geçerli.
      Puan ver :

    • mehmet mehmet Geçen ay
      kardes bu sistem cok basit bir sekilde sell yiyor.. tamper data ve Brupt Suite ile sell yiyor hiçbir guvenliği yok malesef.. nasıl acıkları kapatabiliriz ?
      Puan ver :

    • Ahmed Cihan Yamaneren Ahmed Cihan Yamaneren Geçen ay
      yok upload.aksiyon.php dosyasına ajax ile resim dosyamızın bilgilerini gönderiyoruz. Php dosyası içerisinde php ile standanrt upload işlemlerini yapıyoruz.
      
      
        if (isset($_FILES['dosya']) && $_FILES['dosya']['name']) {
      
          print_r($_FILES['dosya']);
          // veya
          // move_uploaded_file()
      
      	
        } else {
      	  
      	echo 'Dosya Seçmelisiniz';
      	  
        }
      
      
      PHP: move_uploaded_file - Manual Ayrıca makalenin indir bölümünden uygulamayı indirip inceleyebilirsin.
      Puan ver :

    • mehmet mehmet Geçen ay
      kardes bu deger nedir anlayamadım ./upload.aksiyon.php php ile nasıl cekebilirim bu dosyayı
      Puan ver :
    • Daha Eski Yorumlar