---
title: "input-typen \"file\" som bild?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/101441-input-typen-file-som-bild"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "ampy"
published: "2004-04-14T09:54:05.000Z"
updated: "2004-04-14T10:37:08.000Z"
replies: 2
views: 314
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/101441-input-typen-file-som-bild"
---

# input-typen "file" som bild?

## #1 — ampy, 2004-04-14T09:54Z

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';">
```

Permalänk: https://www.webforum.nu/p/101441

## #2 — Web-Tor, 2004-04-14T10:35Z

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

Permalänk: https://www.webforum.nu/p/1320927

## #3 — Peter S, 2004-04-14T10:37Z

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>
```

 :)

Permalänk: https://www.webforum.nu/p/1320929

---

Tråden på webben: https://www.webforum.nu/amne/javascript/101441-input-typen-file-som-bild