как обновить список фотографий после загрузки jquery - PullRequest
Новая
       5

как обновить список фотографий после загрузки jquery

0 голосов
/ 10 апреля 2010

Я хочу сделать своего рода редактор фотографий, я использую uploadify для загрузки изображений

вот мои файлы: http://www.mediafire.com/?3uzzgx5onzn

проблема в том, что: после загрузки изображений я динамически генерирую большой палец .. Когда я нажимаю на него, он показывает мне большие картинки на другой странице, я хочу показать картинку в div или paragraf! после обновления страница работает! почему?

из моего php-скрипта я получаю только имя изображения (ответ) после UploadifyComplete я добавляю это: 

jQuery("#" + jQuery(this).attr('id') + ID).html('<a href="uploads/' + response + '"><img width="60px" height="60px" src="uploads/' + response + '" alt="' + response + '" /></a>');

к этому: 

                        jQuery(queue).append('<li class="uploadifyQueueItem">\
                            <span class="fileName">' + fileName + ' (' + byteSize + suffix + ')</span>\
                            <div class="uploadifyProgress">\
                                <div id="' + jQuery(this).attr('id') + ID + 'ProgressBar" class="uploadifyProgressBar"><!--Progress Bar--></div>\
                            </div>\
                        </li>');
                }

и результат будет: 

<div class="uploadifyQueue">
  <ul id="mainftpQueue">
    <li class="uploadifyQueueItem">
     <a href="uploads/Winter.jpg"><img height="60px" width="60px" alt="Winter.jpg" src="uploads/Winter.jpg"></a>
    </li>
  </ul>
</div>

Я положил все изображения в 1 массив PHP после загрузки всех изображений я хочу обновить div, где этот код: 

                <div class="uploadifyQueue">
            <?php
            if ($_SESSION['files']){
                print '<ul id="mainftpQueue">'."\n";
                    foreach($_SESSION['files'] as $image ):
                        print '<li class="uploadifyQueueItem">'."\n";
                            print '<a href="uploads/'.$image.'"><img height="60px" width="60px" alt="'.$image.'" src="uploads/'.$image.'"></a>'."\n";
                        print "</li>\n";
                    endforeach;
                print "</ul>\n";
            }
            ?>
            </div>

я пытаюсь с: 

$('#mainftpQueue').load(location.href+" #mainftpQueue>*","");
$('#mainftpQueue').load("/ #mainftpQueue li");

Буш нет успеха

извините, 4 мой плохой английский .. если есть 1, можно редактировать

спасибо

1 Ответ

1 голос
/ 10 апреля 2010

Вы не можете просто загрузить такую ​​часть страницы. Вам нужно будет использовать PHP. Однако вы можете динамически изменить атрибут src тега image на миниатюру. Примерно так будет работать: 

var d = new Date();
$("img").each(function(i){
    this.attr("src", "/"+this.attr('src')+"?"+d.getTime());
}

Источник

Часть с датой должна убедиться, что она не кэшируется браузером. Это перебирает все изображения на странице и перезагружает их.

...