input-typen "file" som bild?

2 svar · 314 visningar · startad av ampy 14 apr. 2004

ampyMedlem sedan feb. 20011 498 inlägg

Trådstart14 apr. 2004 09:54#1

Som ni säkerligen vet kan man ju ha bilder istället för standardknapparna vid formulär. Ex:

<input type="submit" value="Spara" name="save">

Med bild blir det ju:

<input type="image" src="spara.gif" name="save">

Men hur blir det egentligen vid typen "file"?

<input type="file" name="filename">

Antar att man får lösa detta med JavaScript på något sätt. Det gjorde jag iaf med typen "reset".

<img src="rensa.gif" onclick="document.myForm.reset();" onmouseover="this.style.cursor='pointer';">

Web-TorMedlem sedan nov. 200013 890 inlägg

14 apr. 2004 10:35#2

Frågan har varit upp runt 40 gånger nu och svaret brukar bli: "Nej, det går inte".

Peter SMedlem sedan dec. 20025 483 inlägg

14 apr. 2004 10:37#3

Om man inte vill ha en IE-specifik variant förstås:

<script type="text/javascript">

function func() {
    var form = document.forms["f"],
	file = form.elements["file"];

    file.click();
    form.elements["result"].value = file.value;
}

</script>

<form name="f">
    <input type="file" name="file" style="display:none">
    <img src="foo.png" height="20" width="40" style="cursor:pointer" onclick="func()">
    <input type="text" name="result">
</form>