Avatar billede snie97 Nybegynder
27. oktober 2005 - 10:33 Der er 5 kommentarer

Skift billede udfra værdi i formularfelt

Jeg er ved at lave et billedeuploadsystem i PHP, og i den forbindelse vil jeg gerne lave en mulighed for at vise det billede man vil uploade inden man uploader.

Derfor har jeg lavet to billeder
    <img src="/elite/actions/0000/1.jpg" name="actionshot" width="175" height="200" style="float:right;">
    <img src="/elite/actions/0000/1.jpg" name="thumbnail" width="50" height="50" style="float:right;">

Et javascript
    <script>
    function changelpic(pic) {
        document.actionshot.src = document.image.value;
    } 
    function changespic(pic) {
        document.thumbnail.src = document.thumb.value;
    } 
    </script>

Og et par formularfelter
        Billede: <INPUT maxLength="128" name="image" type="file" onChange="changelpic()"><br>
        Thumbnail: <INPUT maxLength="128" name="thumb" type="file" onChange="changespic()"><br>

Men der sker ikke noget når man lægger en fil i formularfelterne. Jeg er næsten sikker på at det er "document.image/thumb.value" der er problemet, men er der nogen der kan forklare mig hvordan problemet skal løses?
Avatar billede snie97 Nybegynder
27. oktober 2005 - 11:00 #1
Nu har jeg fået den til at virke i IE, men firefox vil stadig ikke...

Javascriptet er:
    <script>
    function changelpic(form) {
        document.actionshot.src = form.image.value;
    } 
    function changespic(form) {
        document.thumbnail.src = form.thumb.value;
    } 
    </script>

Og formularfelterne er
        Billede: <INPUT maxLength="128" value="" name="image" type="file" onChange="changelpic(this.form)"><br>
        Thumbnail: <INPUT maxLength="128" name="thumb" type="file" onChange="changespic(this.form)"><br>
Avatar billede psykochicken Nybegynder
28. oktober 2005 - 08:56 #2
<script type="text/javascript">
    function changelpic(a) {
        document.actionshot.src = "file:///"+a.value;
    } 
    function changespic(b) {
        document.thumbnail.src = "file:///"+b.value;
    } 
</script>

og på formularfelterne:
...onchange="changelpic(this)".. og ...onchange="changespic(this)"..

/psc
Avatar billede snie97 Nybegynder
28. oktober 2005 - 11:41 #3
Det hjalp... næsten

For billedet skifter stadig ikke, og tager jeg 'egenskaber' for det er stien til billedet file:///C:%5CDocuments%20and%20Settings%5CSON.INTELLIGROUP%5CDesktop%5Cactions%5C1484%5C1.jpg

Jeg har prøvet at unescape a.value inden jeg satte den ind, men det hjalp ikke...

Nogen forslag?
Avatar billede psykochicken Nybegynder
28. oktober 2005 - 12:58 #4
Dette virker i FF og IE, men ikke i Opera:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
    function changelpic(a) {
        document.getElementById('actionshot').src = "file:///"+a.value;
    } 
    function changespic(b) {
        document.getElementById('thumbnail').src = "file:///"+b.value;
    } 
</script>
</head>
<body>
  <img src="pic.gif" id="actionshot" style="float:right;" width="100" height="25">
  <img src="pic.gif" id="thumbnail" style="float:right;" width="100" height="25">
  Billede:<INPUT type="file" name="billede" onChange="changelpic(this);" size="20"><br>
  Thumbnail:<INPUT type="file" maxLength="128" name="thumb" onChange="changespic(this)" size="20">
</body>
</html>

/psc
Avatar billede psykochicken Nybegynder
29. oktober 2005 - 17:39 #5
Undskyld...jeg fjols har testet lokalt, der kan jeg sjovt nok få både FF, IE og Opera til at virke :~|
Men du har ret - den virker ikke - sorry.
Her slår min formåen ikke til, så jeg hopper lige over på tilskuerpladsen nht. løsningen.

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