A.Cihan Yamaneren
Ajax ile Resim Yükleme

Ajax ile Resim Yükleme

4 ay önce Okunma: 529 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 80 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 : 0 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
    • Henüz yorum yapılmamış!
    • Daha Eski Yorumlar