FileUpload représente un champ de saisie pour un téléchargement de fichier au sein d'un formulaire.
CompatibilitéDisponibilité
Javascript 1.0 côté client
Correspondance HTML<input type="file"...>Héritage
Input et HTMLElement
Synopsisform.namePropriétés
form.element[i]
| Propriété | Description |
|---|---|
| form | spécifie le formulaire contenant le bouton. |
| name | correspond à l'attribut NAME de INPUT. |
| type | correspond à l'attribut TYPE de INPUT. |
| value | affiche un texte sur le bouton |
| Méthode | Description |
|---|---|
| blur | enlève le focus sur l'élément Input. |
| focus | donne le focus à l'élément Input. |
| handleEvent | invoque le Handler pour spécifier un événement. |
| select | simule la sélection de l'élément Input. |
| Evénement | Description |
|---|---|
| onBlur | perte de focus de l'élément Input. |
| onChange | modification de la valeur du champs. |
| onFocus | réception de focus sur l'élément Input. |
<html>
<head>
<script language="Javascript">
tableau = new Array(".htm", ".html", ".txt", ".gif", ".jpg", ".png");
function verification(formulaire, fichier)
{
soumission = false;
if (!fichier) return;
while (fichier.indexOf("&&") != -1)
fichier = fichier.slice(fichier.indexOf("&&") + 1);
ext = fichier.slice(fichier.indexOf(".")).toLowerCase();
for (var i = 0; i < tableau.length; i++)
{
if (tableau[i] == ext)
{
soumission = true; break;
}
}
if (soumission) formulaire.submit();
else
alert("Vous ne pouvez uploader que ces types de fichiers : "
+ "(" + tableau.join(" ") + ")");
}
</script>
</head>
<body>
Sélectionner des documents webs :<br>
<script>
document.write("(" + tableau.join(" ") + ")");
</script>
<form name="formulaire">
<input type="file" name="telechargement"><br>
<input type="button" name="soumission" value="soumettre"
onclick="verification(this.form, this.form.telechargement.value)">
</form>
</body>
</html> |
