how to refresh list of photos after uploadify jquery

Posted by robert on Stack Overflow See other posts from Stack Overflow or by robert
Published on 2010-04-10T15:42:56Z Indexed on 2010/04/10 17:43 UTC
Read the original article Hit count: 286

Filed under:
|
|

hello, I want to do a sort of photo editor, i use uploadify to upload images

here are my files: http://www.mediafire.com/?nddjyzyygj5

the problem is: after upload the images i dinamicaly generate a thumb .. When I click on it it show me the large pictures in another page, i want to show the picture in a div or a paragraf! after I refresh the page is working! why?

from my php script i recive only the image name (response) after UploadifyComplete i append this:

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

to this:

                        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>');
                }

and the result will be:

<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>

i putt all the images in 1 php array after all images uploaded i want to refresh the div where this code is:

                <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>

i try with:

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

buth no succes

sorry 4 my bad english.. if any 1 can edit this

thanks

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about uploadify