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: 12250 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 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 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 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.
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 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