A.Cihan Yamaneren
Ajax ile Resim Yükleme

Ajax ile Resim Yükleme

14 Şubat 2017 Salı, 15:03 Okunma: 12250 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 2008 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 29 Ekim 2017 Pazar, 23:11
      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 29 Ekim 2017 Pazar, 21:09
      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 25 Ekim 2017 Çarşamba, 15:03
      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 25 Ekim 2017 Çarşamba, 14:02
      kardes bu deger nedir anlayamadım ./upload.aksiyon.php php ile nasıl cekebilirim bu dosyayı
      Puan ver :
    • Daha Eski Yorumlar