FileUpload, le bouton Add grisé et ne fonctionne pas

**titawine** · 24/05/2012, 00h11

Bonsoir, dans mon application j'ai besoin qu'un utilisateur peut joindre quelques fichiers , les stocker dans la base de données pour qu'un autre utilisateur les télécharge, je sais pas exactement comment procéder , mon application est en hibernate/spring/jsf avec Oracle 10g , après quelques recherches j'ai trouvé le composent richfaces Fileupload qui permet plus au moins de joindre les fichiers, j'ai voulu tout d'abord tester l'exemple suivant
http://livedemo.exadel.com/richfaces...age&cid=121739

mais le problème c'est que lorsque j’exécute le code , j'ai le bouton Add grisé et si je clique dessus rien ne se passe , je sais pas si c'est un bug lié au navigateur (je suis sous firefox 12) j'ai testé même sous google chrome j'ai le même souci.

**DevServlet** · 24/05/2012, 07h06

Bonjour,
Peut on voir ton code xhtml, ton controler associé et ton faces-config.xml?

**titawine** · 24/05/2012, 13h45

bonjour
pour ma page xhtml voilà son 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
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
45
46
47
48
49
50
51
52
53
54
55
56
57
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:t="http://myfaces.apache.org/tomahawk">
<body>
 
 
	<h:form>
		<h:panelGrid columns="2" columnClasses="top,top">
			<rich:fileUpload fileUploadListener="#{fileUploadBean.listener}"
				maxFilesQuantity="#{fileUploadBean.uploadsAvailable}" id="upload"
				immediateUpload="#{fileUploadBean.autoUpload}"
				acceptedTypes="jpg, gif, png, bmp"
				allowFlash="#{fileUploadBean.useFlash}">
				<a4j:support event="onuploadcomplete" reRender="info" />
			</rich:fileUpload>
			<h:panelGroup id="info">
				<rich:panel bodyClass="info">
					<f:facet name="header">
						<h:outputText value="Uploaded Files Info" />
					</f:facet>
					<h:outputText value="No files currently uploaded"
						rendered="#{fileUploadBean.size==0}" />
					<rich:dataGrid columns="1" value="#{fileUploadBean.files}"
						var="file" rowKeyVar="row">
						<rich:panel bodyClass="rich-laguna-panel-no-header">
							<h:panelGrid columns="2">
								<a4j:mediaOutput element="img" mimeType="#{file.mime}"
									createContent="#{fileUploadBean.paint}" value="#{row}"
									style="width:100px; height:100px;" cacheable="false">
									<f:param value="#{fileUploadBean.timeStamp}" name="time" />
								</a4j:mediaOutput>
								<h:panelGrid columns="2">
									<h:outputText value="File Name:" />
									<h:outputText value="#{file.name}" />
									<h:outputText value="File Length(bytes):" />
									<h:outputText value="#{file.length}" />
								</h:panelGrid>
							</h:panelGrid>
						</rich:panel>
					</rich:dataGrid>
				</rich:panel>
				<rich:spacer height="3" />
				<br />
				<a4j:commandButton action="#{fileUploadBean.clearUploadData}"
					reRender="info, upload" value="Clear Uploaded Data"
					rendered="#{fileUploadBean.size>0}" />
			</h:panelGroup>
		</h:panelGrid>
	</h:form>
</body>
</html>

pour le controllerBean c'est exactement le même que celui indiqué dans le lien

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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
 
package uploadTest;
 
import java.io.IOException;
import java.io.OutputStream;
import java.util.ArrayList;
 
import org.richfaces.event.UploadEvent;
import org.richfaces.model.UploadItem;
 
public class FileUploadBean {
	private ArrayList<File> files = new ArrayList<File>();
    private int uploadsAvailable = 5;
    private boolean autoUpload = false;
    private boolean useFlash = false;
    public int getSize() {
        if (getFiles().size()>0){
            return getFiles().size();
        }else 
        {
            return 0;
        }
    }
 
    public FileUploadBean() {
    }
 
    public void paint(OutputStream stream, Object object) throws IOException {
        stream.write(getFiles().get((Integer)object).getData());
    }
    public void listener(UploadEvent event) throws Exception{
        UploadItem item = event.getUploadItem();
        File file = new File();
        file.setLength(item.getData().length);
        file.setName(item.getFileName());
        file.setData(item.getData());
        files.add(file);
        uploadsAvailable--;
    }  
 
    public String clearUploadData() {
        files.clear();
        setUploadsAvailable(5);
        return null;
    }
 
    public long getTimeStamp(){
        return System.currentTimeMillis();
    }
 
    public ArrayList<File> getFiles() {
        return files;
    }
 
    public void setFiles(ArrayList<File> files) { 
        this.files = files;
    }
 
    public int getUploadsAvailable() {
        return uploadsAvailable;
    }
 
    public void setUploadsAvailable(int uploadsAvailable) {
        this.uploadsAvailable = uploadsAvailable;
    }
 
    public boolean isAutoUpload() {
        return autoUpload;
    }
 
    public void setAutoUpload(boolean autoUpload) {
        this.autoUpload = autoUpload;
    }
 
    public boolean isUseFlash() {
        return useFlash;
    }
 
    public void setUseFlash(boolean useFlash) {
        this.useFlash = useFlash;
    }
 
}

mon faces-config :

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
 
<?xml version="1.0" encoding="UTF-8"?>
 
<faces-config xmlns="http://java.sun.com/xml/ns/javaee"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-facesconfig.xsd"
	version="2.0">
	<application>
		<el-resolver>org.springframework.web.jsf.el.SpringBeanFacesELResolver
		</el-resolver>
	</application>
 
	<application>
		<view-handler>org.ajax4jsf.application.AjaxViewHandler</view-handler>
	</application>

mon web.xml :

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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
 
<?xml version="1.0" encoding="UTF-8"?>
<web-app id="WebApp_ID" version="3.0"
	xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd">
	<display-name>Parametrage</display-name>
	<context-param>
		<param-name>contextConfigLocation</param-name>
		<param-value>classpath:application-context.xml,
		/WEB-INF/applicationContext-Security.xml</param-value>
	</context-param>
 
	<listener>
		<listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
	</listener>
	<listener>
		<listener-class>org.springframework.web.context.request.RequestContextListener</listener-class>
	</listener>
	<context-param>
		<param-name>com.sun.faces.verifyObjects</param-name>
		<param-value>false</param-value>
	</context-param>
	<context-param>
		<param-name>com.sun.faces.validateXml</param-name>
		<param-value>true</param-value>
	</context-param>
	<context-param>
		<param-name>javax.faces.DEFAULT_SUFFIX</param-name>
		<param-value>.xhtml</param-value>
	</context-param>
	<context-param>
		<param-name>org.apache.myfaces.config.annotation.LifecycleProvider</param-name>
		<param-value>org.apache.myfaces.config.annotation.NoInjectionAnnotationLifecycleProvider</param-value>
	</context-param>
	<context-param>
		<param-name>facelets.DEVELOPMENT</param-name>
		<param-value>false</param-value>
	</context-param>
	<context-param>
		<param-name>FACELETS_SKIP_COMMENTS</param-name>
		<param-value>true</param-value>
	</context-param>
	<context-param>
		<param-name>org.richfaces.SKIN</param-name>
		<param-value>classic</param-value>
	</context-param>
	<context-param>
		<param-name>org.ajax4jsf.VIEW_HANDLERS</param-name>
		<param-value>com.sun.facelets.FaceletViewHandler</param-value>
	</context-param>
 
	<context-param>
		<param-name>org.apache.myfaces.SECRET</param-name>
		<param-value>NzY1NDMyMTA=</param-value>
	</context-param>
	<context-param>
		<param-name>org.apache.myfaces.ERROR_HANDLING</param-name>
		<param-value>false</param-value>
	</context-param>
 
 
	<context-param>
		<param-name>javax.faces.STATE_SAVING_METHOD</param-name>
		<param-value>server</param-value>
	</context-param>
 
 
 
	<context-param>
		<param-name>org.ajax4jsf.COMPRESS_SCRIPT</param-name>
		<param-value>true</param-value>
	</context-param>
	<context-param>
		<param-name>org.ajax4jsf.COMPRESS_STYLE</param-name>
		<param-value>true</param-value>
	</context-param>
	<context-param>
		<param-name>org.ajax4jsf.xmlparser.ORDER</param-name>
		<param-value>TIDY</param-value>
	</context-param>
	<context-param>
		<param-name>org.richfaces.CONTROL_SKINNING</param-name>
		<param-value>enable</param-value>
	</context-param>
 
	<context-param>
		<param-name>org.richfaces.LoadScriptStrategy</param-name>
		<param-value>ALL</param-value>
	</context-param>
	<context-param>
		<param-name>javax.faces.DISABLE_FACELET_JSF_VIEWHANDLER</param-name>
		<param-value>true</param-value>
	</context-param>
 
	<servlet>
		<servlet-name>Faces Servlet</servlet-name>
		<servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
	</servlet>
	<servlet-mapping>
		<servlet-name>Faces Servlet</servlet-name>
		<url-pattern>*.jsf</url-pattern>
	</servlet-mapping>
 
	<filter>
		<display-name>Ajax4jsf Filter</display-name>
		<filter-name>ajax4jsf</filter-name>
		<filter-class>org.ajax4jsf.Filter</filter-class>
		<init-param>
			<param-name>createTempFiles</param-name>
			<param-value>false</param-value>
		</init-param>
		<init-param>
			<param-name>forceparser</param-name>
			<param-value>false</param-value>
		</init-param>
		<init-param>
			<param-name>enable-cache</param-name>
			<param-value>true</param-value>
		</init-param>
 
		<init-param>
			<param-name>maxRequestSize</param-name>
			<param-value>20000000</param-value>
		</init-param>
	</filter>
	<filter-mapping>
		<filter-name>ajax4jsf</filter-name>
		<servlet-name>Faces Servlet</servlet-name>
		<url-pattern>*.jsf</url-pattern>
		<dispatcher>REQUEST</dispatcher>
		<dispatcher>FORWARD</dispatcher>
		<dispatcher>INCLUDE</dispatcher>
	</filter-mapping>
	<filter>
		<filter-name>OpenSessionInViewFilter</filter-name>
		<filter-class>org.springframework.orm.hibernate3.support.OpenSessionInViewFilter</filter-class>
		<init-param>
			<param-name>sessionFactoryBeanName</param-name>
			<param-value>sessionFactory</param-value>
		</init-param>
	</filter>
	<filter>
		<filter-name>springSecurityFilterChain</filter-name>
		<filter-class>org.springframework.web.filter.DelegatingFilterProxy</filter-class>
	</filter>
 
 
 
	<filter-mapping>
		<filter-name>springSecurityFilterChain</filter-name>
		<url-pattern>/*</url-pattern>
		<dispatcher>FORWARD</dispatcher>
		<dispatcher>REQUEST</dispatcher>
	</filter-mapping>
	<context-param>
		<param-name>javax.faces.FACELETS_LIBRARIES</param-name>
		<param-value>/WEB-INF/springsecurity.taglib.xml</param-value>
	</context-param>
 
	<welcome-file-list>
		<welcome-file>
				index.html
      </welcome-file>
	</welcome-file-list>
</web-app>

**DevServlet** · 24/05/2012, 14h36

Je ne vois pas où tu as déclaré ton managedBean dans le faces-config.xml

**titawine** · 25/05/2012, 11h34

oui c'est vrai j'ai oublié d'ajouter la declaration du Bean (j'utilise les annotations) du coup j'ai ajouté ça au debut de ma classe :

Code :

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

1
2
3
4
 
@Component("fileUploadBean")
@Scope("session")
public class FileUploadBean {

mais le problème persiste encore , le buton Add est toujours grisé et lorsque je clique rien ne s’exécute et pas d'erreur dans la console :s

**DevServlet** · 27/05/2012, 18h59

Je n'ai pas encore utilisé JSF2.0 mais l'annotation serait pas plutot

Code :

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

@ManagedBean("fileUploadBean")

**fxrobin** · 30/05/2012, 13h16

en fait en JSF 2, le nom des ManagedBean est auto-déduit du nom de la classe

Code :

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

1
2
3
4
5
6
7
8
 
@ManagedBean
@SessionScoped
public class FileUploadBean {
 
...
 
}

donnera un ManagedBean du nom de "fileUploadBean" automatiquement sans avoir à le préciser.

Attention à bien utiliser @ManagedBean et @SessionScoped de JSF ! les "débutant" se trompent souvent sur les imports.

mais bon, ça ne résoudra sûrement pas ton problème je pense. C'était pour répondre à DevServlet.

FileUpload, le bouton Add grisé et ne fonctionne pas

JSF Java

Discussions similaires

Partager

Partager