HIinterface utilisateur de type de fichier d'entrée
J'utilise
<input type="file">
il a différentes interface utilisateur sur IE, Firefox, Chrome et Safari je veux quelque chose qui peut générer même interface utilisateur sur tous les navigateurs 4.
Est-ce possible?
cela ne le travail pour moi :)
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
<style type="text/css">
div.fileinputs {
position: relative;
}
img.fakefile, input.fakefile {
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}
input.file {
position: relative;
text-align: right;
-moz-opacity:0 ;
filter:alpha(opacity: 0);
opacity: 0;
z-index: 2;
}</style>
<script type="text/javascript">
function HandleFileButtonClick()
{
document.getElementById("xyz").value =document.getElementById("abc").value;
}
</script>
</head>
<body>
<div class="fileinputs">
<input type="file" id="abc" class="file" onchange="HandleFileButtonClick();" />
<input type="text" id="xyz" class="fakefile" />
<img src="browse button.bmp" class="fakefile" style="position: absolute; left: 150; top: 0" width="61" height="22"/>
</div>
</body>
</html>
De nombreux navigateurs (au moins les versions récentes de Firefox) ne vous permettent plus de saisir un nom de fichier, par mesure de sécurité. Vous ne pouvez sélectionner un fichier que graphiquement. Je crois que Chrome est la même chose.
De quel type d'interface utilisateur parlez-vous? Si vous voulez dire un autre moyen de sélectionner un fichier ... Je ne pense pas qu'il y ait une autre façon (aussi une précaution de sécurité).
Je veux dire que l'étiquette d'entrée et le bouton devraient être affichés sur tous les navigateurs .. peut-il être fait en utilisant javascript ou autre chose? ? – Varun
http://pixelmatrixdesign.com/uniform/
uniforme vous permettra de peau facilement l'élément d'entrée pour le téléchargement.
pas possible de changer directement l'apparence, la seule façon est en utilisant un script côté client compliqué - jQuery fait tout le travail pour vous, voyez Erik réponse .. –
@Shadow - ne peut-il être fait en utilisant css/javascript? je ne peux pas utiliser jquery – Varun
jQuery * est * JavaScript. c'est possible avec CSS aussi mais plus compliqué. Celui-ci semble bien, pense que je l'ai même utilisé dans le passé: http://www.quirksmode.org/dom/inputfile.html –