çok parçalı form üzerinde görüntü yükleme gif gönderin

4 Cevap php

Bir çok parçalı form (dosya yükleme) göndermeden önce bir yükleme gif görüntülemek için çalışıyor Im, bu benim kod .. ama görüntü .. göstermiyor i o görüntüler sunmak (), yani .. bir yol olup kaldırırsanız sözdizimi sorun.

$('#btnSubmit').click(function() {
    document.getElementById('loader').innerHTML = "<img src='<?= url::base() ?>themes/img/loading.gif' border='0' />";
    $('#uploadform').submit();
});

4 Cevap

. $ ('# Yükleyici') html = "themes / img / loading.gif 'border = '0' />";

Eğer $. Yazı ile formu göndermek için jQuery söylüyorum sürece zaten resmi görmez böylece, o zaman yeni bir göndermek sayfaya alınacaktır rağmen bu düzgün yükleme görüntü ekler.

Eğer gerçek yerleşik form yöntemini teslim kullanıyorsanız, gif sanıyorum yüklenmeden önce uzun sayfa yükleme başlar, çünkü o öyle.

Ben yeni sayfa alınana kadar ben yükleme görüntü sayfanın içeriğini değiştirmek, yeni bir istek gönderin Ben genellikle dinamik olarak içerik oluşturmak için httprequests kullanın.

Ben sorun apache tarafından işlenen resim isteği oldu sanırım.

Yani ben gizlemek bunun içinde div görüntüyü yükleyin.

sonra ben javascript onu gösteriyor:

document.getElementById('loader').style.display = "inline";

Bir cazibe gibi çalıştı ;)

Teja yorumuna katılıyorum. Yapıyorsun olmadıkça gif ekran en gerçekten tarayıcı sonraki sayfayı (veya postbacked sayfa) yüklemeye başlar ne kadar hızlı dayalı olsun veya olmasın o zaman uyumsuz gönderin.

Eğer gerçekten gif göstermek istiyorsanız ne yapabileceğini (gerçi bazı açıklamalar ajax olması olacak) olduğunu ...

$("#btnSubmit").click(function(e){
    e.preventDefault(); // stops any 'immediate' post back or re-direction
    $("#loader").hide()
    .html("<img src='<?= url::base() ?>themes/img/loading.gif' border='0' />")
    .delay(1000).fadeIn(200, function(){
        // submit form using $.ajax or whatever suits - rebuild page on callback or navigate to new page
    });
});

(Yeni bir sayfa yüklemeye çalışıyor çünkü 'yükleyici gif' bir tarayıcının versiyonu gösterecektir yani) sonra kullanıcı geribildirim var zaten - - yani temelden Jonas ve Teja hem de değindiğim gibi olsa da, ajax yapıyor değilse konuşma neden sadece sayfada bir yükleyici gif almak ve görünmesi "Web 2.0" için evlerin yuvarlak olacak zahmet?

Ajax yapmak, ya da tarayıcı da görsel geribildirim bulunuyor kullanıcıya verelim ya.

etiketler