javascript - Alligevel brug for hjælp - Udvikleren.dk - Programmering, webdesign og grafik

Tags: javascript

<< < 1 2 > >>

Bruger #6559 @ 03.07.08 19:28

Hej alle,

jeg er i gang med et script der viser et preview af det billede man har valgt i en input af typen file.

Jeg har indtil videre følgende kildekode

JScript kode

 function change()
 {
     var source;
     var dest;
     
     source = document.getElementById("picInput");
     dest = document.getElementById("preview");
     
     dest.src = source.src;
     dest.style.width = 80;
     dest.style.heigh = 60;
 }

Men det virker ikke. Nogen der kan forklare hvad jeg gør forkert eller komme med tips til ændringer. Det skal siges jeg normalt aldrig bruger javascript.

På forhånd tak.

Indlæg senest redigeret d. 04.07.2008 07:32 af Bruger #6559

17 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 2 karma

Sorter efter stemmer Sorter efter dato

Bruger #11386 @ 03.07.08 19:36

503

Øhhm du ved godt det du gør der er bare at ændre værdien for billedet så det bliver skrumpet men billedet vil stadig have samme størrelse

Så kunne du lige så godt bruge html med

<img src="asd.jpg" width="80px" height="60" />

Bruger #5620 @ 04.07.08 12:35

1.500

ja det ændrer jo sagerne en smule

HTML kode

 <script>
 function change(){
   var source;
   var dest;
   source = document.getElementById("picInput");
   dest = document.getElementById("preview");
   if(source.value.search(/http\:/)==0){
     dest.src =source.value;
   }else{
     dest.src ="file:///"+source.value;
     }
   dest.style.width = 80;
   dest.style.heigh = 60;
 }
 </script>
 <input type="file" id="picInput" name="file" onchange="change()">
 <img src="" id="preview">

kan både vælge filer på ens egen computer eller paste et weblink, det sidste er dog en smule anderledes da du skal trykke væk fra feltet for at updatere billedet.

Bruger #6559 @ 03.07.08 19:38

843

Det ved jeg godt. Men jeg er mere interesseret i at få billedet frem i min image (img).

Bruger #5620 @ 03.07.08 19:40

1.500

virker en smule forkert at have den hardkodet til at tage fre det samme element altid, men den burde da virker forudsat du har 2 img tags med id picInput og preview, og funktionen reelt bliver kaldt.

Bruger #6559 @ 03.07.08 20:14

843

Billedet får også den height og width jeg har specifiseret i mit script. Den viser bare intet på selve billedet ud over et rødt kryds.

Bruger #5620 @ 03.07.08 22:37

1.500

Har testet din kode og den virker altså både i ff og ie, så det må være noget andet i din kode der er forkert:

HTML kode

 <script>
 function change(){
   var source;
   var dest;
   
   source = document.getElementById("picInput");
   dest = document.getElementById("preview");
   
   dest.src = source.src;
   dest.style.width = 80;
   dest.style.heigh = 60;
 }
 </script>
 <img src="1.jpg" id="picInput" onclick="change()">
 <img src="" id="preview">

Bruger #6559 @ 04.07.08 07:29

843

Ah, ja det er fordi den der hedder picInput ikke er et billede, men en input af typen file.

Bruger #6559 @ 04.07.08 17:17

843

Ah, så kan jeg se jeg ikke var helt galt på den. Jeg mente nok der var noget med source.value, jeg huskede det bare som source.src.value

Men tak for hjælpen, jeg tester lige når min host kommer online igen

Bruger #6559 @ 04.07.08 19:29

843

Det virker desværre ikke

Det virker lokalt på min egen computer, men ikke når jeg har uploaded det.

Bruger #5620 @ 04.07.08 22:17

1.500

http://kb.mozillazine.org/Links_to_local_pages_do_not_work

her er en simplere version af koden, virker stadig kun i IE med lokale filer.

Kode

<script>
function change(){
  var source;
  var dest;
  source = document.getElementById("picInput");
  dest = document.getElementById("preview"); 
  dest.src=source.value;
  dest.style.width = 80;
  dest.style.heigh = 60;
}
</script>
<input type="file" id="picInput" name="file" onchange="change()">
<img src="" id="preview">

<< < 1 2 > >>

Alligevel brug for hjælp

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler