Discussion :

[claire34]

Coucou,

Alors j'aimerais à l'aide d'un bouton pouvoir pouvoir ouvrir (browse) une petite fenetre qui me laisse le choix du fichier (.jpeg ou .png) à importer. Cette image (.jpeg ou .png) doit se mettre dans le bouton.

Voici un bout de code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
	<![CDATA[
	import flash.net.FileReference	
 
 
		private function load():void
		{
			FileReference.browse()
		}
	]]>
</mx:Script>
 
<mx:Button width="75" height="75" click="load()">
 
</mx:Button>
</mx:Application>

Par contre je bloque là dessus. Comment faire pour réaliser cette "petite" opération (importation d'image dans un bouton).

Merci par avance

[ellene]

Bonjour,

Le traitement que tu veux depend de ton backend c'est à dire de la partie serveur. Et donc qu'utilises tu de ce côté ? PHP ? Java ? ou autre chose ?
Pour info il y a pas mal de tutoriel à ce sujet sur le web (google est ton ami )

[claire34]

J'utilise Php coté serveur, mais je ne pense pas qu'il soit nécessaire de "parler" backend. Je souhaite uniquement pouvoir ouvrir une fenetre qui me permettrait d'uploader une image.

Voili voilou

p.s: je sais, google est mon ami, il m'aide déjà énormément

[alain31tl]

... Comment faire pour réaliser cette "petite" opération (importation d'image dans un bouton).

Bonsoir,

Peut-être pas tout compris, mais pourquoi ne pas utiliser tout simplement une image en guise de bouton.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<mx:Image source="tonimage.png" click="load()" />

[claire34]

Bonsoir,

Mettre une image dans un bouton j'arrive déjà à le faire. Je cherche juste à pouvoir importer (uploader) des images dans un bouton pour pouvoir en changer à ma guise.

Merci quand même

Bonne nuit

[jylaxx]

Button icons must be embedded at compile time. You cannot reference a Button icon at run time.

Tu ne peux charger directement un fichier local. Il faut d'abord téléchargé ton fichier sur le serveur. Cf. la remarque d'ellene...

[claire34]

Bonjour.
Très bien je comprends, serait il possible d'utiliser une balise Image afin de faire la même opération ?

Par exemple:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
	<![CDATA[
	import flash.net.FileReference	
 
 
		private function load():void
		{
			FileReference.browse()
		}
	]]>
</mx:Script>
 
<mx:Image width="75" height="75" click="load()" />
 
</mx:Application>

[samy2525]

oui tu peux utiliser la balise Image par contre pour faire ce ke tu veux sans passer par le serveur, il te faut une mise à jour de ton SDK, en gros c'est à partir de Flex 3.4 que la methode load à été ajouté dans la classe FileReference

cette methode te permet de charger en memoire ton image et du coup tu peux faire ce ke tu veux

voila
bon courage

[Jim_Nastiq]

sinon par un loader avec une url vers une image stockée sur un serveur... tu renseignes l'url dynamiquement et lance le chargement de l'image, cela devrait pouvoir fonctionner... à vérifier

[cashmoney]

Bonjour,
voici un petit code tout simple avec flex pour charger une image depuis un bouton qui t'ouvre une fenêtre afin de parcourir ton HDD.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
	<![CDATA[
import flash.net.FileReference
 
private var fileTypes:FileFilter = new FileFilter("Image", "*.jpg;*.jpeg;
*.gif;*.png;*");
// Classe de chargement de fichier
[Bindable]
private var loadFileRef:FileReference = new FileReference();
 
private function init():void {
 
loadFileRef.addEventListener(Event.SELECT, fileSelected);
loadFileRef.addEventListener(Event.COMPLETE, loadCompleted);
loadFileRef.addEventListener(IOErrorEvent.IO_ERROR, ioerror);
}
 
//charger une nouvelle image
private function chargerImage():void{
img.source = null;
loadFileRef.browse([fileTypes]); 
}
 
//Image sélectionnée
private function fileSelected(event:Event):void{
loadFileRef.load();
}
 
// chargement image terminée
private function loadCompleted(evt:Event):void {
img.source = loadFileRef.data;
}
 
// Erreur de chargement
public function ioerror(evt:IOErrorEvent):void{
 Alert.show(evt.text,"Error");
}
]]>
</mx:Script>
<mx:Image id="img" />
<mx:Button label="Charger image" id="upload" click="chargerImage()"/>
</mx:Application>

Voilà, j'espères que ce code t'avancera dans tes recherches