show uploaded images

[mogmog]

Hello.

I have a question how can i show all uploaded images at the multi upload?

Is it posible to show direktly the images they are complet uploated.
in a spechal div case? like dies:

Code: Select all

<div id="complete"><img scr="uploadet_image.jpg"><div>


[mogmog]

Hey Ihave en ideer,

i yuse JSON for file requests howe is it posible refresh the json when an upload is ready?
there ist the code:

Code: Select all

$(document).ready(function() {
   $("#fileUpload").fileUpload({
      'uploader': 'upload/uploader.swf',
      'cancelImg': 'upload/loeschen.png',
      'script': 'upload/upload.php',
      'folder': 'files',
      'fileDesc': 'Image Files',
      'fileExt': '*.jpg;*.jpeg',
      'multi': true,
      'auto': true,
      'displayData': 'speed'
   });

    $.getJSON("upload/upload.php",
         function(data){
           $.each(data.items, function(i,item){
            $("<img/>").attr("src", item.media.m).appendTo("#images");

            if ( i == 3 ) return false;
           });
         });
});


afte the upload ther ride the files in to the Database i neede the database datas

can anybudy help me?

[iStan]

I have difficulties to understand your English.

So what I understand is, after a file is upload you would like to trigger something so the image appears almost immediately after the upload somewhere on your page.

You can use the events onComplete and onAllComplete, check the manual for more information.
What you could do is with the onComplete event, save the filename to a hiddenfield, and simulate a buttonclick (that button can be made hidden) something like $('hiddenbutton_getImage').click();

So now you need to have to wire up a click event on this hidden button to magically access the database and refreshes that part of your page that will display the hidden image.

If you upload more than 1 file at the time you need to consider another way to store the filename, for example an array. And trigger a javascript ajax request.

I hope my explanation is helpful.

[mogmog]

Hy,

Sorry my englich is not verry well when write somthing,

what you understand is right.
jes I wont to yous the multi upload how can i trigger a javascript ajax request. I know to create an array on php but not in javascript.

[RonnieSan]

First, edit the PHP file so it echoes the URL of the uploaded file on the server.
Next, create the div you want display the thumbnail in.

Code: Select all

<div id="thumbnails"></div>


Then, add this to the options of your uploadify script:

Code: Select all

onComplete : function(event,queueID,fileObj,response,data) {
  $('#thumbnails).append('<img src="' + response + '" />');
}


You can of course edit to fit your needs. I haven't tested this but it should work.

[cthamer]

Ronnie,

Your code worked perfectly. I should point out to others to remember to modify uploadify.php as mentioned in the post. I missed that my first time around.

This is the code you need to echo in uploadify.php

echo $_REQUEST['folder'] . '/' . $_FILES['Filedata']['name'];

[wenlean]

cthamer/ronnie,

i followed the steps above but still it doesn't work for me. could you please paste the complete code or if you know a tutorial for this please share it with us.

thank you for your responses to this wonderful topic, hope to learn more from you guys.

thanks.

wenlean

[stuv941]

cheap air max 2011
cheap air max 24-7
cheap air max 90