HTML5 - Dosyaları Yükle

Bir sayfada veri toplama formlarımız olduğunda HTML5 Giriş tipi alanlarla veri alabilmenin yanı sıra dosya da yükleyebiliyoruz, bununla metin olarak ifade edilmesi imkansız veya çok uzun metinler olabilecek belirli verilerin yüklenmesini hızlandırabiliyoruz, resim yüklemek gelenekseldir. files veya pdf dosyaları , çünkü bu iki format çok popülerdir, ancak Ajax hemen hemen her tür dosyayı yükleyebiliriz.
Dosyaları yükle
NS Ajax kullanarak dosya yükleme, bir formda ve rutinimizde bir dosya türü alanı oluşturmalıyız Ajax bir nesne kullan Form verisi onlara gerekli formatı verebilmek ve dosyamızı sunucuya yükleyebilmek için verileri toplayacağız.
Nesne Form verisi Hala tam olarak desteklemeyen tarayıcı sürümleri olabileceğinden dikkatli kullanılmalıdır, ancak oldukça sağlam bir çözümdür.
Aşağıdaki kodda temel bir dosya yüklemenin nasıl yapıldığını görelim:

 ÖrnekMuz:Elmalar:Kirazlar:Dosya:Toplam:0 ürünFormu gönder 

Dosya türü girdisini dahil ederken, nesne Form verisi dosyamızın sunucuya yüklenebilmesi için otomatik olarak düzenlemeleri yapar, aşağıdaki resimde tarayıcının bunu nasıl yorumladığını görebiliriz:

Bu durumda oldukça hafif bir resim olduğu için sunucuya dosya yükleme süresi farkedilmiyor, ancak 30 MB pdf olsaydı süre çok daha uzun olurdu, bu kullanıcı için şeffaf olduğu için sayfanın sayfanın açılacağını düşünebilir. "hiçbir şey yapmıyor" ya da bundan kaçınmak için "düşünüyordu", ilerlemenin görünür hale geldiği bir ilerleme çubuğu ekleyebiliriz.
Tırmanışın ilerlemesini görmek için nesneyi kullanacağız. XMLHttpRequest isteğin durumunu doğrulamak için Ajax:

 ÖrnekMuz:Elmalar:Kirazlar:Dosya:İlerleme:Toplam:0 ürünFormu gönder 

Bir element tanımladık ilerleme ve onunla XMLHttpRequest nesnesi Yükleme ilerlerken değerleri atayabiliriz, tarayıcıda şu şekilde görebiliriz:

BÜYÜT

Kullanabiliriz Ajax Diğer sayfalardaki danışmanlık unsurlarından çok daha fazlası için, veri yakalama söz konusu olduğunda formlarımızı geliştirmek için de kullanabiliriz.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.