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
 [WF4] PASSAGE D'ARGUMENTS LITERAL, VISUALBASICVALUE OU LAMBDAVALUE?[WF4] PASSAGE D'ARGUMENTS LITERAL, VISUALBASICVALUE OU LAMBDAVALUE? par JeremyJeanson
Avec la sortie de la RC de Visual Studio 2010, Microsoft a mis un peu les points sur leS i en ce qui concernait le passage d'arguments. Mais nous somme un certain nombre à avoir pris ce changement comme un coup dur. Pour résumer la situation : à la sortie...
Cliquez pour lire la suite de l'article par JeremyJeanson [RIA SERVICES] INCLUDE ET DOMAINDATASOURCE[RIA SERVICES] INCLUDE ET DOMAINDATASOURCE par Audrey
Dans un de mes articles précédents , j'avais parlé des DomainDataSource avec RIA Services dans le cas d'une interface Maître - Détail. Dans le même principe, je vais parler d'une autre manière de mettre en forme ce cas d'interface avec RIA Services. Et po...
Cliquez pour lire la suite de l'article par Audrey ZUNE : VERSION ZUNE SOFTWARE V 4.2 ET LA SOCIALISATIONZUNE : VERSION ZUNE SOFTWARE V 4.2 ET LA SOCIALISATION par ROMELARD Fabrice
Une des nouveautés de la version V 3.0 était l'apparition de l'onglet Social qui ne fonctionnait que si le MarketPlace était activé sur son poste. Cela limitait donc son intérêt, car hors du cadre commercial USA-CANADA, peu de monde trouva...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice PRATIQUE DE SILVERLIGHT PAR ERIC AMBROSIPRATIQUE DE SILVERLIGHT PAR ERIC AMBROSI par MPOWARE
Je viens de finir la lecture du dernier livre d'
Eric Ambrosi
éditions PEARSON
Son livre donne une approche pratique de Silverlight qui sera aussi bien comprise par le développeur que par le designeur.
Tous les aspects du développement RIA sont abor...
Cliquez pour lire la suite de l'article par MPOWARE APPRENDRE à DéVELOPPER POUR LES MOBILES AVEC LA NOUVELLE GéNéRATION .NETAPPRENDRE à DéVELOPPER POUR LES MOBILES AVEC LA NOUVELLE GéNéRATION .NET par odewit
2 déclinaisons de Silverlight et 2 déclinaisons de Mono permettent dorénavant (ou permettront prochainement) de développer des applications .NET mobiles pour les principales plates-formes du marché :
Silverlight pour Symbian, basé sur Silverlight 2...
Cliquez pour lire la suite de l'article par odewit
Logiciels
 Academy System (10.9.4.0)ACADEMY SYSTEM (10.9.4.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise... Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate Xilisoft DVD Ripper Ultimate (5.0.64.0304)XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ... Cliquez pour télécharger Xilisoft DVD Ripper Ultimate Rigs of Rods (63.3)RIGS OF RODS (63.3)c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo... Cliquez pour télécharger Rigs of Rods
|