File upload
Markus
- javascript
Hallo
Da man den butten beim tag <input type="file"> nicht selbst definieren kann wie man will (zum Beispiel als Image), dachte ich mir, ich probies mal auf folgende Weise:
<html>
<head>
</head>
<script language="javascript">
function doShowFileDialog()
{
document.uploadForm.fileOne.click();
}
</script>
<body>
<form name="uploadForm">
<div style="visibility:hidden; position:absolute">
<input type="file" name="fileOne">
</div>
<table>
<tr>
<td>
<input type="text" size="50">
</td>
<td>
<a href="javascript:doShowFileDialog()"><img border="0" src="submitbutton.jpg"></a>
</td>
</tr>
</table>
</form>
</body>
</html>
Wie soll das Funtkionieren?
1. Im sichtbaren Bereich meiner Seite stelle ich ein Textfeld und einen Button(graphisch dar). Dies soll das gleiche machen wie der <input type=file> tag.
2. In einem versteckten bereich meiner Seite habe ich dann tatsächlich einen input file tage.
3. Wird nun der sichtbare button geclickt, dann wird über die js funktion doShowFileDialog der eigentlich input file tag "automatisch" geklickt.
Das ganze funtkioniert auch super mit MS IE. Leider aber nicht mit NS.
kann mir bitte jemand einen Tip geben, wie ich das auch für den NS hinbekommen könnt.
thx.
Markus
Hallo,
Da man den butten beim tag <input type="file"> nicht selbst definieren kann wie man will (zum Beispiel als Image), dachte ich mir, ich probies mal auf folgende Weise:
<html>
<head>
</head>
<script language="javascript">
function doShowFileDialog()
{
document.uploadForm.fileOne.click();
}
</script>
Nice try, aber aus Sicherheitsgruenden sollte das ein Browser nicht zulassen. Ist eher ein Bug, wenn der IE das zulaesst.
MfG, Thomas