Avatar billede ofirpeter Nybegynder
05. juli 2006 - 10:44 Der er 5 kommentarer og
1 løsning

Tilføj billeder, og lad dem blive vist med det samme.

Hej eksperter. Jeg sidder med et community, hvor folk skal have mulighed for at uploade op til 5 billeder når de opretter deres bruger. Jeg har derfor lavet 5 felter, hvor de kan se deres billeder efterhånden som de uploader dem.

Mit problem er nu hvordan jeg får de billeder som brugeren uploader til at komme ned i boxen (og dermed blive vist for brugeren) uden at det brugeren har skrevet i de andre tekstfelter forsvinder? Hvordan kan det lade sig gøre?

Altså, hvordan uploader jeg et billede, og får det vist, uden at updatere siden?

Med venlig hilsen
Peter
Avatar billede coderdk Praktikant
05. juli 2006 - 21:17 #1
noget ajax eller lignende, evt. pseudoajax hvor du poster til en iframe som så kalder et javascript på parent frame der viser billederne...
Avatar billede ofirpeter Nybegynder
05. juli 2006 - 21:19 #2
Kan du uddybe? Evt. smide et link?
Avatar billede coderdk Praktikant
05. juli 2006 - 23:00 #3
well, hvis du laver en div der f.eks. har ID uplimg og en iframe der hedder imgfrm, så kan du i din <form> lave et target: <form method="post" enctype="multipart/form-data" target="imgfrm"> når billederne så er postet kan du skrive et javascript der viser dem - med parent.document.getElementFromId("uplimg").innerHTML
Avatar billede ofirpeter Nybegynder
06. juli 2006 - 08:22 #4
Super.
Det lykkedes.
Dette blev resultatet:

<div id="uplimg"><iframe name="imgfrm" src="http://www.jubii.dk" width="300" height="300"></iframe></div>
<form method="post" enctype="multipart/form-data" target="imgfrm">
    <input type="submit" onclick="parent.document.getElementFromId(uplimg).innerHTML" />
</form>

coderdk, du må gerne svare.
Avatar billede coderdk Praktikant
06. juli 2006 - 10:25 #5
Whoa, virkede det?! Det er underligt, det var ikke lige hvad jeg havde i tankerne :) Men ok hvis det virkede :-D

Det jeg havde tænkt mig var i din uploadform:

<div id="uplimg">&nbsp;</div>
<iframe style="width: 1px; height: 1px; position: absolute; left: -1600px; top: -1000px;" src="dituploadscript.php"></iframe>
<form method="post" enctype="multipart/form-data" target="imgfrm">

og i "dituploadscript.php"

<?php

//upload filerne her...
// jeg antager at de uploadede filnavne er i et array imgarr
echo '<script type="text/javascript">';
echo 'd = parent.document.getElementById("uplimg");'."\n";
echo 'd.innerHTML = "";'."\n";
foreach ( $imgarr as $img )
{
?>
d.innerHTML += '<img src="' . $img . '">'."\n";
<?php
}
echo '</script>';

Men du kan sagtens bruge det du selv har lavet, bare fjern:

onclick="parent.document.getElementFromId(uplimg).innerHTML"

Den er slet ikke nødvendig :)
Avatar billede ofirpeter Nybegynder
06. juli 2006 - 14:33 #6
mange tak
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester