Tüm Kategoriler
- HTML & CSS
- JavaScript & jQuery
- PHP & MySQL
- SEO (Search Engine Optimization)
- Yazılım Güvenliği
- Yazılım Performansı
- Örnek Çalışmalar
En Çok Okunanlar
- Anasayfa
- /
- Ajax ile Resim Yükleme

Ajax ile Resim Yükleme
14 Şubat 2017 Salı, 15:03 Okunma: 1819 JavaScript & jQueryBazı 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>
Hazırlayan : Ahmed Cihan Yamaneren
- 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İ []
-
Ahmed Cihan Yamaneren 5 ay önce
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 5 ay önce
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 6 ay önce
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.
PHP: move_uploaded_file - Manual Ayrıca makalenin indir bölümünden uygulamayı indirip inceleyebilirsin.if (isset($_FILES['dosya']) && $_FILES['dosya']['name']) { print_r($_FILES['dosya']); // veya // move_uploaded_file() } else { echo 'Dosya Seçmelisiniz'; }
Puan ver : -
mehmet 6 ay önce
kardes bu deger nedir anlayamadım ./upload.aksiyon.php php ile nasıl cekebilirim bu dosyayıPuan ver : - Daha Eski Yorumlar