Vraptor + Upload Multiplo + HTML5

david.cs20 · Outubro 1, 2013, 12:48pm

Ola tenho um upload de um único arquivo que já funciona porem preciso transformar-lo em um upload múltiplo.

Codigo de upload arquivo unico [code]
@Path("/well/{well.name}/uploadFile21")
@Post
public void uploadFile21(Well well, final UploadedFile Filedata, String modulo,
String pasta, String destino) {
String path;

	if (pasta != null) {
		path = WellUtil.PATH_WELL + sep + modulo + pasta;
		System.out.println("teste upload se pasta diferente null" + path );
	} else {
		pasta = "";
		path = WellUtil.PATH_WELL + sep;
		System.out.println("teste upload se pasta = null" + path );
	}
	
	System.out.print( "\n\n" + path);
	
	Response response = new Response();
	response.setName(Filedata.getFileName());
	File file = new File(path, Filedata.getFileName());
	try {
		FileOutputStream os = new FileOutputStream(file);
		IOUtils.copyLarge(Filedata.getFile(), os);
		response.setMsg(I18nUtils.getText("arq_env_ok", wellUtil.getLang()));
		result.use(xml()).from(file).serialize();
	} catch (IOException e1) {
		String excecao = e1.getMessage();
		response.setMsg("Erro: " + excecao);
		result.use(xml()).from(file).serialize();
	}
}
[/code]

Form do JSP<form name="form_arquivo" id="form_arquivo" action="<c:url value='/well/{well.name}/uploadFile'/>" method="post" enctype="multipart/form-data"> <input id="inputFile" name="Filedata" type="file" class="inputFile" multiple/> </form>

Comecei a desenvolver pelas pesquisas que fiz mais estou meio travado como vou tratar essa lista de arquivos. Segue código abaixo [code]
@Path("/well/{well.name}/uploadFile2")
@Post
public void uploadFile2(Well well, final List<UploadedFile> Filedata, String modulo,
String pasta, String destino) {
String path;

	if (pasta != null) {
		path = WellUtil.PATH_WELL + sep + modulo + pasta;
		System.out.println("teste upload se pasta diferente null" + path );
	} else {
		pasta = "";
		path = WellUtil.PATH_WELL + sep;
		System.out.println("teste upload se pasta = null" + path );
	}
	
	System.out.print( "\n\n" + path);
}[/code]

Quem puder me da uma direção do que devo fazer desde já obrigado.

Lucas_Cavalcanti · Outubro 3, 2013, 11:11pm

Tenta trocar para:

<input id="inputFile" name="Filedata" type="file" class="inputFile" multiple/>

Ou usar um plugin javascript como o uploadify
http://www.uploadify.com/

david.cs20 · Outubro 7, 2013, 10:46am

Testei o código acima e não funcionou não.
Mais e justamente o uploadify que estou tendo que retirar da aplicação e modificar para HTML5.

Lucas_Cavalcanti · Outubro 7, 2013, 11:49am

tentou isso?

<input id="inputFile" name="Filedata[]" type="file" class="inputFile" multiple/>

(tinha esquecido os colchetes =S)

david.cs20 · Outubro 7, 2013, 12:22pm

Atualmente meu Form esta da seguinte maneira:

<form name="form_arquivo" id="form_arquivo" enctype="multipart/form-data"> <input id="inputFile" name="Filedata[]" type="file" class="inputFile" multiple/> </form>

mais ja testei os seguintes imputs:

<input type="file" id="files" name="files[]" multiple /> <input id="inputFile" name="Filedata" size="150" type="file" class="inputFile" multiple/>
Não sei se e necessário criar um javascript para passar esse array de dados.

Lucas_Cavalcanti · Outubro 7, 2013, 12:57pm

só uma dúvida:

funciona pra um arquivo só?

david.cs20 · Outubro 7, 2013, 1:26pm

Para um unico arquivo só funciona se no controller estiver da seguinte maneira:

[code] @Path("/well/{well.name}/uploadFile2")
@Post
public void uploadFile2(Well well, final UploadedFile Filedata, String modulo,
String pasta, String destino) {
String path;

	if (pasta != null) {
		path = WellUtil.PATH_WELL + sep + modulo + pasta;
		System.out.println("teste upload se pasta diferente null" + path );
	} else {
		pasta = "";
		path = WellUtil.PATH_WELL + sep;
		System.out.println("teste upload se pasta = null" + path );
	}
	
	System.out.print( "\n\n" + path);
	
	Response response = new Response();
	response.setName(Filedata.getFileName());
	File file = new File(path, Filedata.getFileName());
	try {
		FileOutputStream os = new FileOutputStream(file);
		IOUtils.copyLarge(Filedata.getFile(), os);
		response.setMsg(I18nUtils.getText("arq_env_ok", wellUtil.getLang()));
		result.use(xml()).from(file).serialize();
	} catch (IOException e1) {
		String excecao = e1.getMessage();
		response.setMsg("Erro: " + excecao);
		result.use(xml()).from(file).serialize();
	}

}[/code]

Lucas_Cavalcanti · Outubro 7, 2013, 2:12pm

vc tá com o commons-fileupload no classpath ou tá usando o upload do servlet3?

david.cs20 · Outubro 7, 2013, 3:31pm

Sim tenho a seguinte versão do commons-fileupload-1.2.2.jar no Classapath.

Lucas_Cavalcanti · Outubro 7, 2013, 3:46pm

vou ver se eu consigo debugar hoje a noite pra ver pq não está funcionando…

se vc quiser adiantar as coisas, configure o source do VRaptor no eclipse e debugue essa classe:

github.com

caelum/vraptor/blob/master/vraptor-core/src/main/java/br/com/caelum/vraptor/interceptor/multipart/CommonsUploadMultipartInterceptor.java#L108-L123


			for (FileItem item : items) {
				String name = item.getFieldName();
				name = fixIndexedParameters(name);


				if (item.isFormField()) {
					logger.debug("{} is a field", name);
					params.put(name, getValue(item));


				} else if (isNotEmpty(item)) {
					logger.debug("{} is a file", name);
					processFile(item, name);


				} else {
					logger.debug("A file field was empty: {}", item.getFieldName());
				}
			}

ve o que acontece nesse pedaço de código que eu destaquei.

Lucas_Cavalcanti · Outubro 7, 2013, 9:42pm

Testei aqui com a versão mais nova do VRaptor (3.5.3),
esse form:

<form action="${linkTo[UmController].teste }" method="post" enctype="multipart/form-data">
	<label>Upload
		<input type="file" name="files[]" multiple/>
	</label>
	<input type="submit"/>
</form>

e o controller:

@Resource
public class UmController {
	@Post("/testando")
	public void teste(List<UploadedFile> files) {
		System.out.println(files);
	}
}

E funcionou normalmente.

VRaptor 3.5.3 e commons-fileupload-1.2.1

Tenta usar essas versões, os colchetes após o nome e dá um toque se funcionar.

david.cs20 · Outubro 8, 2013, 4:57pm

Fiz as modificações faladas

<form action="${linkTo[WellController].uploadFile2}" method="post" enctype="multipart/form-data"> <label>Upload <input id="inputFile" type="file" name="Filedata[]" class="inputFile" multiple/> </label> <input type="submit"/> </form>

[code] @Path("/well/{well.name}/uploadFile2")
@Post
public void uploadFile2(Well well, List<UploadedFile> Filedata, String modulo,
String pasta, String destino) {

	System.out.println(Filedata);

}[/code]

E agora estou tendo um erro 405
E no console a seguinte mensagem: 16:53:36,162 INFO [ResourceLookupInterceptor] Method POST is not allowed for requested URI. Allowed Methods are [GET]
Porem não posso usar a versão mais atual do sistema como você testou aqui estou tendo que utilizar a versão 3.1.2. não sei se isso pode esta interferindo.

Lucas_Cavalcanti · Outubro 8, 2013, 5:03pm

engraçado… vc importou o @Post do VRaptor?

troque o @Path(“xxx”) @Post por @Post(“xxx”)

david.cs20 · Outubro 8, 2013, 5:15pm

Tentei fazer isso mais ele dava a seguinte mensagem de erro no @Post(“xx”) :

Por isso mantive o @Path

Lucas_Cavalcanti · Outubro 9, 2013, 1:20am

então ou vc está com uma versão muito antiga do VRaptor (tipo 3.1) ou vc importou o @Post do pacote errado.

o import certo é de br.com.caelum.vraptor.Post.

david.cs20 · Outubro 9, 2013, 10:51am

Sim e uma versão antiga do Vraptor 3.1.2 . E infelizmente não posso modificar por decisões internas do projeto.

Lucas_Cavalcanti · Outubro 9, 2013, 11:05am

crie então uma classe igual a essa no seu projeto:

github.com

caelum/vraptor/blob/master/vraptor-core/src/main/java/br/com/caelum/vraptor/interceptor/multipart/CommonsUploadMultipartInterceptor.java

/***
 * Copyright (c) 2009 Caelum - www.caelum.com.br/opensource
 * All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * 	http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
package br.com.caelum.vraptor.interceptor.multipart;

import java.io.File;
import java.io.IOException;

This file has been truncated. show original

mas na declaração da classe faça:

public class MyMultipartInterceptor extends CommonsUploadMultipartInterceptor {...}

crie o construtor delegando pro super

se falhar a compilação de alguma coisa, copie as classes respectivas…

qualquer coisa dá um toque se não estiver conseguindo.

system · Janeiro 6, 2016, 4:16am

Vraptor + Upload Multiplo + HTML5

Cursos de Mobile

Cursos de Programação

Cursos de Front-end

Cursos de DevOps

Cursos de Design & UX

Cursos de Business

Cursos de Data & BI