Avatar billede haase Nybegynder
10. maj 2003 - 11:44 Der er 9 kommentarer og
1 løsning

Overføre variable til nyt vindue

Jeg mangler en funktion, der gør at man kan se et billedet før man uploader det.

Jeg har følgende kode, der viser billedet straks indholdet i input file er ændret. Tit er billederne megastore, og derfor ville det være fedt hvis man åbne et nyt vindue med billedet. Hvordan?


<script type="text/JavaScript">
function visPic(elm) {
    document.getElementById('vis').innerHTML = "<img border='1' src=\"" + elm.value + "\">";
}
</script>

<input type="file" style="width:250px;" name="fil" onchange="visPic(this);" class="input2">

<div id="vis"></div>
Avatar billede Slettet bruger
10. maj 2003 - 11:47 #1
Ændr funktionen visPic til dette:

function visPic(elm) {
  window.open(elm.value, "visBillede", "width=600,height=400");
}

Og slet så div'en med id="vis".
Avatar billede Slettet bruger
10. maj 2003 - 11:49 #2
<html>
<head>
<title>Se upload</title>
</head>
<body>
<form name="upload">
<input type="file" name="file" value="" onchange="document.getElementById('img').src=this.value;"/>
</form>
<img src="" id="img"/>
</body>
</html>
Avatar billede Slettet bruger
10. maj 2003 - 11:49 #3
Sorry misforstod opgaven...
Avatar billede haase Nybegynder
10. maj 2003 - 12:24 #4
man skal bare selv også kunne se den igen når der er data i fil-input.

a la:  <a href="java script:visPic('document.form.fil');" >se billede</a>
Avatar billede roenving Novice
10. maj 2003 - 13:08 #5
-- så er det vel to funktioner:
Vis i popup
se billede

...
Avatar billede haase Nybegynder
10. maj 2003 - 13:29 #6
jeps
Avatar billede roenving Novice
10. maj 2003 - 13:36 #7
<script type="text/JavaScript">
function visPic(elm) {
    document.getElementById('vis').innerHTML = "<img border='1' src=\"" + elm.value + "\">";
}

function visPop(elm) {
  window.open(elm.value, "visBillede", "width=600,height=400");
}
</script>

<input type="file" style="width:250px;" name="fil" id="fil" onchange="visPop(this);" class="input2">
<a href="Indsæt billedet på siden" onclick="visPic(document.getElementById["fil"]);return false;">Se billede</a>

<div id="vis"></div>
Avatar billede roenving Novice
10. maj 2003 - 13:45 #8
Og så med en lidt pænere status-tekst og et popup-vindue, som passer til formålet (det skulle resize til formålet):

<script type="text/JavaScript">
function visPic(elm) {
    document.getElementById('vis').innerHTML = "<img border='1' src=\"" + elm.value + "\">";
}

function visPop(elm) {
  window.open(elm.value, "visBillede", "scrollbars=no,menu=no,status=no");
}
</script>

<input type="file" style="width:250px;" name="fil" id="fil" onchange="visPop(this);" class="input2">
<a href="" onmouseover="window.status='Indsæt billedet på siden';" onclick="visPic(document.getElementById["fil"]);return false;">Se billede</a>

<div id="vis"></div>
Avatar billede haase Nybegynder
10. maj 2003 - 13:56 #9
ja tak roenving - lav et svar
Avatar billede roenving Novice
10. maj 2003 - 14:00 #10
oki '-)
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