Accueil > Forum > > > > problème input file
 problème input file
vendredi 14 décembre 2007 à 14:06:47 |
problème input file
titia80000
|
Bonjour, je dois faire un formulaire en html 4 strict avec du javascript, j'ai input file qui récupère l'adresse d'une image et lorsque je clic sur un bouton je veux afficher cette image a l'écran . Mon problème est le suivant : l'adresse récupérée est du type : C:\Documents and Settings\Titia\Bureau\projet web\gauche.gif mais elle n'est pas valide lorsque je la place dans <img src=""> car il faut que ce soit du type <img src="gauche.gif"> ou encore <img src="../projet web/gauche.gif"> je ne vois pas comment faire. Merci d'avance  |
|
vendredi 14 décembre 2007 à 14:25:06 |
Re : problème input file
bultez
|
Bonjour,
si tu récupères avec input file.... ça le fait tout seul
inutile de s'occuper de quoi que ce soit.
ch'tit exemple :
<img src="" id="i" />
<input type="file"
onchange="document.getElementById('i').src=this.value;" />
Cordialement  Bul [mon Site] [M'écrire]
|
|
vendredi 14 décembre 2007 à 14:26:57 |
Re : problème input file
bultez
|
pas sûr d'ailleurs que le onchange fonctionne avec FF et consors....
mais pas d'importance pour le problème qui te préoccupe.
Cordialement Bul [mon Site] [M'écrire]
|
|
vendredi 14 décembre 2007 à 16:45:08 |
Re : problème input file
titia80000
|
je te remercie de ta réponse mais mon problème c'est que l'adresse récupérée n'est pas dans le bon format c'est à dire que si je la copie dans <img src=""> il m'affiche une erreur et non pas l'image.
|
|
samedi 15 décembre 2007 à 08:43:46 |
Re : problème input file
bultez
|
>>mon problème c'est que l'adresse récupérée n'est pas dans le bon format
>>c'est à dire que si je la copie dans <img src=""> il m'affiche
une erreur et non pas l'image.
tu as essayé mon exemple ? parce que là, ca marche....
tu ne dois donc pas faire la même chose ? et sans voir
ce que tu fais, on va avoir du mal à résoudre....
Cordialement Bul [mon Site] [M'écrire]
|
|
dimanche 16 décembre 2007 à 01:03:25 |
Re : problème input file
titia80000
|
encore merci pour ta réponse...désolée d'avoir insisté, en effet ça fonctionne très bien sous IE...le problème persistait parce que j'insistais sous firefox où ça ne fonctionne pas...
mais comment ça se passe sous firefox ?
|
|
dimanche 16 décembre 2007 à 10:00:52 |
Re : problème input file
bultez
|
Réponse acceptée !
si c'est firefox et avec un fichier local, il faut file devant.
<body>
<img src="" id="i" />
<input type="file" id="f" />
<input type="button"
onclick="document.getElementById('i').src='file://'+document.getElementById('f').value;");
/>
</body>
pas testé le onchange....
Cordialement Bul [mon Site] [M'écrire]
|
|
dimanche 16 décembre 2007 à 10:57:13 |
Re : problème input file
titia80000
|
ça fonctionne impeccable !  Merci beaucoup |
|
lundi 17 décembre 2007 à 16:30:08 |
Re : problème input file
katgwen
|
Bonjour,
J'ai essayé le code :
<body>
<img src="" id="i" />
<input type="file" id="f" />
<input type="button"
onclick="document.getElementById('i').src='file://'+document.getElementById('f').value;");
/>
</body>
Ca marche, je suis d'accord.
Je dois récupérer l'adresse pour un background-image:url(), mais là ça ne fonctionne pas.
Voila ma ligne de code :
background-image:url('file://'+document.getElementById('adressim').value;)
Est-ce une erreur de ma part, ou dans ce cas, c'est qqch de différent à écrire?
Merci d'avance.
|
|
lundi 17 décembre 2007 à 16:50:34 |
Re : problème input file
bultez
|
j'ai un truc qui traîne...
<HTML>
<HEAD>
<TITLE></TITLE>
<script type="text/javascript">
function met()
{ var tmp=document.getElementById('fich').value.replace(/\\/g,"/");
// utile si non IE seulement, mais ça ne le gène pas, donc on ne teste pas
document.getElementById('aff').style.backgroundImage="url('file://"+tmp+"')";
}
</script>
</HEAD>
<body>
<div style=" background-image:url('');
width:100%;height:80%;
background-color:#FFFFEE;
background-repeat:repeat-y;"
id="aff"></div>
<input type="file"
id="fich"
onchange="met();" />
</BODY>
</HTML>
Cordialement Bul [mon Site] [M'écrire]
|
|
Cette discussion est classée dans : problème, input, file, image, adresse
 Répondre à ce message
 Sujets en rapport avec ce message
Aïe Problème Visu d'Image [ par esdtechnologie ]
Bonjour à toutes et à tous.Voilà j'ai un problème, je crée un tableau en dynamique à partir d'une requête SQL.La première colonne de mon tableau corre
Image de fond non duplicable [ par GLTRADE ]
Bonjours à tou(te)s, je rencontre un problème avec un fond d'écran pour ma page web. Mon client voudrait que l'image de fond ne se duplique pas (et ce
Image personalisé dans la barre d'adresse [ par cz1702 ]
Comment faire pour mettre une image personalisé dans la barre d'adresse (à coté de l'url du site) à la place de celle d'IE ?
Adresse IP [ par simvc ]
Simvc,Au moyen d'une page HTML je peux activer des relais, je constate à l'écran après activation que son état passe de 0 à 1, 1.je voudrais pouvoir l
onmouseover dans une iframe [ par ourson93 ]
bonjourj'ai un problème de onmouseover et onmouseout .je m'explique, j'ai une iframe dans une iframe et dans celle-ci j'ai<a href="A.html" onmouseover
Problème de déplacement d'une image [ par chaloup ]
Bonjour, voila je cherche a faire un jeu en java mais je n'arrive pas a faire qu'un objet ce déplace en fonction du temps suivant une fonctions mathém
Problème de coordonnées x y d'une image [ par platinum75 ]
Bonjour,je dois connaitre précisément les coordonnées d'un point sur une image. Mais je n'arrive pas à obtenir x = 0 et y = 0 qui serait le coin supér
Value d'un input type file [ par mickelo ]
Bonjour a tous. tout d'abord merci de donner un peu de votre temps pour le forum c top. (et pour moi aussi)Voila moi je recupere dans une variable asp
Problème d'affichage en HTML [ par mouniersophie ]
Bonjour a tous,je débute dans cette programmation et j'essaye d'afficher un texte suivie d'une image à un certain endroit de ma page comme suit :CP</D
champ input file valeur par défaut [ par Tatopoulos ]
Bonjour,Est-il possible de mettre une valeur par défaut dans un champ de formulaire "input file" et si oui merci de me donner un exemple.
 Livres en rapport
|
Derniers Blogs
 TECHDAYS PARIS 2012 : SESSION PLEINIèRE JOUR 3TECHDAYS PARIS 2012 : SESSION PLEINIèRE JOUR 3 par ROMELARD Fabrice
Speaker: Bernard Ourghanlian Cette session est comme chaque jour transmise en live par BrainSonic, et j'ai donc suivi cette troisième pleinière par ce moyen sur mon iPad . Elle est dédiée comme chaque année à la mise en perspective de l'é...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice MISHRA READER : UN LECTEUR RSS TRèS ZUNE STYLE EN OPEN SOURCE !MISHRA READER : UN LECTEUR RSS TRèS ZUNE STYLE EN OPEN SOURCE ! par Vko
Hier durant une session dédiée aux Techdays 2012, j'ai eu le plaisir d'annoncer la sortie de la Béta 2 de Mishra Reader. C'est quoi ? Pour les utilisateurs, c'est une vraie expérience de lecture de flux RSS sur Windows. Rien à voir avec les produit...
Cliquez pour lire la suite de l'article par Vko [FRAMEWORK 4] LES TASKS ET LE THREAD UI[FRAMEWORK 4] LES TASKS ET LE THREAD UI par fathi
Je viens de passer quelques temps au TechDay's et j'ai pu voir pas mal de session intéressante. Par contre une chose m'a un peu étonné lors de certaines de ces sessions qui abordaient les améliorations du framework .NET (donc le 4.5) : en gros, bea...
Cliquez pour lire la suite de l'article par fathi WORKFLOW FOUNDATION 3 A UN PIED DANS LA TOMBEWORKFLOW FOUNDATION 3 A UN PIED DANS LA TOMBE par JeremyJeanson
Depuis déjà un an, je conseille vivement les utilisateurs de Workflow Foundation 3 à migrer vers la version 4. L'information qui va suivre ne devrait donc pas trop prendre au dépourvu les personnes qui m'ont suivi. Je profite de ce poste, pour faire le re...
Cliquez pour lire la suite de l'article par JeremyJeanson TECHDAYS PARIS 2012 : NOUVELLES TENDANCES DU POSTE DE TRAVAIL - BRING YOUR OWN PCTECHDAYS PARIS 2012 : NOUVELLES TENDANCES DU POSTE DE TRAVAIL - BRING YOUR OWN PC par ROMELARD Fabrice
Speakers: Thierry Rapatout, Antoine Petit et Xavier Trebbia Cette session entre dans le cadre des RDV Décideurs des TechDays 2012, elle est liée à la consumérisation de l'IT et la mise en place du "DeskTop as a Service" dans de plus en ...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice
Logiciels
 Academy System (17.2.1.0)ACADEMY SYSTEM (17.2.1.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Easy-Planning (1.0.0.1)EASY-PLANNING (1.0.0.1)Basé sur les mêmes principes que MyPlanning, Easy-Planning permet de créer des plannings sous la ... Cliquez pour télécharger Easy-Planning COLLECTOR PLUS (3.00B)COLLECTOR PLUS (3.00B)COLLECTOR PLUS version 3.00B est un logiciel utilisant une base de données alimentée par :
- L... Cliquez pour télécharger COLLECTOR PLUS PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V7.4)PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V7.4)PONAMEDIA TV DEVIENS HELLLOOO FLASH
LA TV SUR VOTRE ORDINATEUR.
Toute une plateforme Multi... Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO LettresFaciles 2011 (8.0.0.1)LETTRESFACILES 2011 (8.0.0.1)LettresFaciles est un logiciel facilitant la création et la rédaction de lettres types.
Son inte... Cliquez pour télécharger LettresFaciles 2011
|