Forum PHP.pl > [JavaScript] Uploadify - odpowiedzi jedna pod drugą

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript] Uploadify - odpowiedzi jedna pod drugą

oomaster

22.12.2012, 10:45:10

Witam,

Problem jest dosyć prosty ale nie mogę sobie poradzić z nim. Otóż chcę by odpowiedzi były zwracane jedna pod drugą a nie jak teraz ze pojawiają się w tym samym div więc się nadpisują.

Kod

$(function() {
            $('#file_upload').uploadify({
                'formData'     : {
                    'timestamp' : '<?php echo $timestamp;?>',
                    'token'     : '<?php echo md5('unique_salt' . $timestamp);?>'
                },
                'swf'      : 'uploadify.swf',
                'uploader' : 'uploadify.php',
                'multi':'true',
                'onUploadComplete' : function(fileObj) {
                $('#tmpUploaded').load("sprawdz.php?id=" + fileObj.name);
                $('#tmpUploaded').show();
                return false;
      }
            });
        });

sprawdz.php

[PHP] pobierz, plaintext 
echo '<b>Wgrany plik:</b>'.$_GET['id'].'<br/>';
[PHP] pobierz, plaintext

Zlokalizowałem główny problem po długiej walce otóż jeśli użyję w kodzie:

Cytat

'onUploadSuccess' : function(file, data, response) {
$('#filesUp').append('<div class="tmpUploaded">OK</div>');
return false;
}

To odpowiedzi wyświetlają się jedna pod drugą. Natomiast po użyciu kod:

Cytat

'onUploadSuccess' : function(file, data, response) {
$('#filesUp').append('<div class="tmpUploaded">');
$('#filesUp').load("sprawdz.php?id=" + file.name);
$('#filesUp').append('</div>');
return false;
}

Nadpisuje się ciągle jeden div zamiast wyświetlać jeden pod drugim.

Czy związu z tym ktoś może mi pomóć jak to zorganizować lub ominąć load aby się wyświetlały odpowiedzi a nie nadpisywały :-(

nmts

22.12.2012, 13:25:02

Można tak:

Kod

result = $('<div></div>').load("sprawdz.php?id=" + file.name);
$('#filesUp').append(result);

Ale to są w sumie dwa wywołania, można za pierwszym razem odebrać co potrzebne:

Kod

'onUploadSuccess' : function(file, data, response) {
$('#filesUp').append('<div>'+data+'</div>');
}

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.