Avatar billede mmej Nybegynder
15. oktober 2003 - 13:46 Der er 6 kommentarer

Bestemme størrelsen af et billede

Hej eksperter...

Nogen der ligger inde med en JavaScript kode, jeg kan bruge på mit website - således at jeg kan bestemme højden og bredden (i pixels) af et billede, der ligger på
serveren?

Takker
Avatar billede rangerbs Nybegynder
15. oktober 2003 - 13:52 #1
Er ikke sikker på dit spm, men du kan da bare angive størrelsen på dit billedet sådan her?

<img src="billedet.jpg" width="200" height="200">
Avatar billede roenving Novice
15. oktober 2003 - 13:52 #2
Det findes ikke, for javascript kan ikke hente oplysninger fra serveren, men du kan bruge forskellige tricks med f.eks. en skjult div, se evt.

http://roenving.users.whitehat.dk/WD1ResizeTilBillede.html
Avatar billede olebole Juniormester
15. oktober 2003 - 14:26 #3
<ole>

<script type="text/JavaScript">
function getImSize(im_src) {
    var im = new Image();
    im.onload = function() {
      alert("B: "+im.width+" - H: "+im.height)
    }
        im.src = im_src;
}
</script>

<a href="#" onclick="getImSize('http://www.domain.dk/my_pic.gif')">TEST</a>

/mvh
</bole>
Avatar billede mmej Nybegynder
15. oktober 2003 - 16:25 #4
Ole Boles løsning virker perfekt - Jeg skal bare lige have det integreret i mit asp-script...

Må jeg lidt flabet spørge om roenving tog helt almindeligt fejl eller hvad er hans pointe?
Avatar billede roenving Novice
15. oktober 2003 - 16:32 #5
oleboles løsning virker også ved at du downloader billedet -- bare ikke til et <img> men til et Image-objekt !-)
Avatar billede olebole Juniormester
15. oktober 2003 - 16:37 #6
Nej, roenvings tanke var også helt brugbar ... man skal bare kunne 'destillere' hans script og finde stedet  :)

Princippet er, man skriver et billede ind i et skjult div (<div id="bla" style="display:none"></div>). I billed-tag'et ligger en onload-handler:
  <img src="pic.gif" onload="alert(this.width)">
Her alert'es - men man kan jo også kalde en anden funktion med 'this.width' som argument.
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