Avatar billede phliplip Nybegynder
12. november 2003 - 23:41 Der er 1 kommentar og
1 løsning

'fysisk'-brede på uploadet billede fil ?

Hej Folkens !

Sidder og roder med noget billede upload funktion..

Det viser det billede som brugeren har valgt.. men hvis det er mindre end 150 i breden skal det bruge den originale brede.. hvis det er større skal det sætte width til 150 !

Jeg har følgende kode indtil videre:

<div id="visBillede" style="padding-bottom: 2"></div>
<input style="position: absolute; top: -100px;" name="billede" id="aegte_input" type="file" onchange="if(aegte_input.value != '') { visBillede.innerHTML = '<img src=\''+aegte_input.value+'\' id=\'uploadetBillede\'>'; if(uploadetBillede.width >= 150) { uploadetBillede.width = '150'; } }">
<input type="button" value="Gennemse.." id="falsk_knap" style="cursor: hand" onclick="document.getElementById('aegte_input').click;"></td>
<script>
  document.getElementById('falsk_knap').onclick = document.getElementById('aegte_input').click;
</script>

Det virker som sådan også fint - Men problemet er at hvis jeg vælger billede1 første gang så vil det vise det i fuldstørrelse.. vælger så billede2 og viser også det i fuld størrelse.. hvis jeg så vælger billede1 igen.. viser det i breden 150..
Avatar billede langthjem Nybegynder
13. november 2003 - 00:58 #1
Dette skulle virke:

<div id="visBillede" style="padding-bottom: 2"></div>
<input style="position: absolute; top: -100px;" name="billede" id="aegte_input" type="file" onchange="ShowImg()">
<input type="button" value="Gennemse.." id="falsk_knap" style="cursor: hand" onclick="document.getElementById('aegte_input').click;"></td>
<script>
document.getElementById('falsk_knap').onclick = document.getElementById('aegte_input').click;

function ShowImg() {
    if(document.getElementById('aegte_input').value.length > 0) {
        document.getElementById('visBillede').innerHTML = '<img src=\''+ aegte_input.value +'\' id=\'uploadetBillede\'>';
        setTimeout("CheckWidth()",100); //Vent i X millisekunder
    }
}

function CheckWidth() {
    iWidth = document.getElementById('uploadetBillede').width;
    if(iWidth > 150) {
        document.getElementById('uploadetBillede').width = 150;
    }
}
</script>
Avatar billede phliplip Nybegynder
13. november 2003 - 01:29 #2
Hej Dennis !

Det virkede jo godt nok ikke.. men det var da godt at vi sammen fandt ud af det ;) Så point til dig m8 !

Vi snakkes på MSN !
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