Hämta sökväg från ett filfält...

Jag har fått fram den här koden, men vet inte riktigt hur jag ska göra för att kalla på den i länken + att jag har 20st filfält som jag vill använda den här funktionen på.

document.getElementsById("lankensid").href=
document.forms.e lements"uploadensnamn"].value;

Vill någon hjälpa mig att bygga ihop det?

Oskar

http://melkermedia.se/c/preview/ funkar om du lägger den på hårddisken och försöker men det är nog itne mkt pill som behövs för att ordna det? en princip i alla fall

hej nhoj, och tack för ditt exempel!

Jag är nollställd vad gäller javascript. Måste jag ha det scriptet lokalt på min dator för att det ska fungera? Det måste fungera på mitt webhotell.

Gärna om du vill hjälpa mig med det!

Och ej att förglömma. det ska vara 20st såna där =)

jo jag fick inte till det i ff är c: inte en giltig sökväl du kan göra så att su skickar sökvägen till nya fönstret i en querystring eller liknande och öppnar den mha t.ex asp. ett bra och kanske enkelt sätt jag orkar inte nu kanske i morgon om jag får tid över kan jag kika på det lit snabbt

Det vore jättesnällt om du vill titta på det!

det är ju bara att göra en function som kollar värdet i ditt "file" fält med onchange och skriver ut värdet i en div? jag ser inte problemet.

Om du kan fixa det vore det grymt. Har skickat ett meddelande till dig.

trallfall är åtminstone inte ödmjuk

jag vill också ha den lösningen sen

nhoj, vad krävs för att få din lösning att funka online?

jag vet inte riktigt finns säkert flera sätt att lösa det på men du vill bara visa preview på en bild i princip?

japp! såäre =) 20 previewknappar till 20 filfält =)

Jag har gjort lite efterforskningar och hittat detta scriptet som fungerar bra, men behöver lite modifikationer:

<HEAD>

<script type="text/javascript">
// width to resize large images to
var maxWidth=100;
// height to resize large images to
var maxHeight=200;
// valid file types
var fileTypes=["bmp","gif&quo t;,"png","jpg"," ;jpeg"];
// the id of the preview image tag
var outImage="previewField";
// what to display when the image is not valid
var defaultPic="spacer.gif";

/***** DO NOT EDIT BELOW *****/

function preview(what){
var source=what.value;
var ext=source.substring(source.lastIndexOf(".")+1 ,source.length).toLowerCase();
for (var i=0; i<fileTypes.length; i++) if (fileTypes[i]==ext) break;
globalPic=new Image();
if (i<fileTypes.length) globalPic.src=source;

setTimeout("applyChanges()",200) ;
}
var globalPic;
function applyChanges(){
var field=document.getElementById(outImage);
var x=parseInt(globalPic.width);
var y=parseInt(globalPic.height);
if (x>maxWidth) {
y*=maxWidth/x;
x=maxWidth;
}
if (y>maxHeight) {
x*=maxHeight/y;
y=maxHeight;
}
field.style.display=(x<1 || y<1)?"none":"";
field.src=globalPic.src;
field.width=x;
field.height=y;
}
// End -->
</script>
</HEAD>

<BODY>

<div align="center" style="line-height: 1.9em;">
<br>
<input type="file" id="picField" onchange="preview(this)" onClick="preview(this)"><br />
<input type="file" id="picField" onchange="preview(this)" onClick="preview(this)"><br />
<input type="file" id="picField" onchange="preview(this)" onClick="preview(this)"><br />
<input type="file" id="picField" onchange="preview(this)" onClick="preview(this)"><br />
<br>
<img alt="preview here" id="previewField" src="spacer.gif">

</body>


Det är perfekt. Det enda som inte fungerar som det ska är det här:

När man valt 1st fil i ett filfält och ska välja fil i nästa filfält... när man klickar på bläddra i filfält nr2 så försvinner bild1 under tiden man väljer bild2.. förstår ni? det är lite irreterande eftersom layouten hoppar upp och ner och förvirrar på min sida.

Är det något som enkelt går att göra? kan jag i så fall få hjälp med det?

Tacksam för svar

Oskar