Uploadify + Java

What is classpath? Membro desde: 09/05/2010 01:21:56 Mensagens: 8 Offline

Boa tarde Srs.,

Pesqueisando pela WEB afim de tentar fazer um sisteminha de upload de fotos para meu site, encontrei o Uploadify.
Perdi bastante tempo pesquisando a respeito do uso dele com java e não fui bem sucedido.
Aparentemente o Uploadify vem para uso padrão com PHP, vem até com uma classe de Upload em PHP.
Minha página está toda escrita em JSP + Hibernate por isso quero escrever uma classe de upload em JAVA.

Confesso que estou viajando bastante da mecanica do funcionamento do Uploadify...
se mais delongas, estou anexando a primeira parte do meu código:

Index.jsp

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Flash Upload Test</title>
<script type="text/javascript" src="http://www.shiguenori.com/jquery/jquery-1.3.1.js"></script>
<script type="text/javascript" src="jquery.fileupload.js"></script>
<script type="text/javascript">
            $(document).ready(
            function(){
                $('#files').uploadify({
                    'uploader'       :'uploader.swf',
                    'script'         :'${pageContext.request.contextPath}/ServletUpload',
                    'cancelImg'      :'cancel.png',
                    'folder'         :'/tmp',
                    'multi'          :true,
                    'buttonText'     :'Adicionar arquivo',
                    'queueSizeLimit' :5 ,
                    'sizeLimit'      :2048000,
                    'fileExt'        :'*.jpg;*.pdf;',
                    'onError'        :function(event, queueID, fileObj, errorObj){
                        alert(errorObj.info);
                                  }   
                            });   
                        }   
                    );

</script>
<style>/* CSS PARA ESTILIZAR A BARRA DE PROGRESSO */
            body {
	font: 12px/18px Arial, Helvetica, sans-serif;
}
.fileUploadQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	background-color: #F5F5F5;
	border: 3px solid #E5E5E5;
	margin-top: 5px;
	padding: 10px;
	width: 300px;
}
.fileUploadQueueItem .cancel {
	float: right;
}
.fileUploadProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.fileUploadProgressBar {
	background-color: #0099FF;
}
</style>
</head>
<body>
<h1>JQuery FileUpload - Exemplo</h1>
<h2>Envio multiplo, autostart e apenas imagens</h2>
<p></p>
<input name="arquivo" id="arquivo" type="file" /></body>
</html>

Srs. Em cima desse código vem minhas questões:

1 - <input name="arquivo" id="arquivo" type="file" /> Deve estar dentro de um <FORM>?

Seguindo o código do servlet que direciono na linha 13 desse código acima:

/ServletUpload

protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        response.setContentType("text/html;charset=UTF-8");
        PrintWriter out = response.getWriter();
        try {

//Verificador de arquivos MultiPart (implantar)
            boolean isMultipart = ServletFileUpload.isMultipartContent(request);

DiskFileItemFactory factory = new DiskFileItemFactory();

factory.setSizeThreshold(MAX_MEMO);
            //factory.setRepository(File.createTempFile(TEMPFILE, "img"));

ServletFileUpload upload = new ServletFileUpload(factory);

upload.setSizeMax(MAX_MEMO);

List items = null;

try {
                items = upload.parseRequest(request);
            } catch (FileUploadException ex) {
                Logger.getLogger(ServletUpload.class.getName()).log(Level.SEVERE, null, ex);
            }

Iterator iter = items.iterator();
            FileItem item = (FileItem) iter.next();

String fileName = null;

// Process a regular form field
            if (item.isFormField()) {
                String name = item.getFieldName();
                String value = item.getString();
            }

// Process a file upload
            if (!item.isFormField()) {
                String fieldName = item.getFieldName();
                fileName = item.getName();
                String contentType = item.getContentType();
                boolean isInMemory = item.isInMemory();
                long sizeInBytes = item.getSize();
            }

if ((fileName != null) && (!fileName.equals(""))) {
                fileName = (new File(fileName)).getName();
                try {
                    item.write(new File(CAMINHO + fileName));
                } catch (Exception ex) {
                    Logger.getLogger(ServletUpload.class.getName()).log(Level.SEVERE, null, ex);
                }
            }

} finally {
            out.close();
        }
    }

Postei apenas o metodo doGet, e acho que assim deveria funcionar.

2 - Se eu crio um <FORM>+ campos manualmente no index sem usar o UPLOADIFY, e direciono pra esse script, ele funciona certinho, porque com o Uploadify não funfa?

Desde de já agradecido,

Abraço,

Jorge Libanori

What is classpath? Membro desde: 09/05/2010 01:21:56 Mensagens: 8 Offline

Srs.

Melhorei o código de meu index, acredti estar funcionando, ele não dá erro, mas tambem não faz o UP da imagem, creio que seja por causa da minha Servlet.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

</head>
    <body>
        <form action="ServletUpload" method="post" enctype="multipart/form-data" >
            <input id="file_upload" type="file" name="Filedata" style="display: none; " width="120" height="30">
            <a href="javascript:$('#file_upload').uploadifyUpload()">Upload Files</a>
        </form>
    </body>
</html>

Agradecido desde de já!

What is classpath? Membro desde: 09/05/2010 01:21:56 Mensagens: 8 Offline

Help please!

Boa tarde,

Voce implementou o upload no Servlet ?

Aqui tem um pessoal discutindo sobre isso.
http://stackoverflow.com/questions/2272160/uploadify-plugin-doesnt-call-java-servlet

What is classpath? Membro desde: 09/05/2010 01:21:56 Mensagens: 8 Offline

Grande, obrigado pela referência, eu ja tinha lido esse tópico e o tutorial que tem lá foi o que achei melhor atualizado...

o problema que eles postão lá é bem parecido, e meu código está praticamente igual... pra vc ter ideia eu baixei a versão mais antiga do plugine e criei um outro projeto para testalo, mas nada acontece... o mesmo problema.

se tiver ideia de mais alguma coisa me fale por favor... não entendi muito bem o que vc quis dizer com "Voce implementou o upload no Servlet ? "??

abraço.

This message was edited 1 time. Last update was at 26/01/2011 17:05:33

Voce implementar o metodo doPost() do Servlet, senao não ha como fazer o upload...
Exemplo retirado do link que passei antes.

Esse fonte exibe as informacoes dos arquivos que foram upados...
Pode utilizar a versão mais atualizada do plugin, o problema nao é com ele.

What is classpath? Membro desde: 09/05/2010 01:21:56 Mensagens: 8 Offline

Isso... meu servlet está implementado assim... se vc ver acima meu código a parametro 'script' está configurado para apontar para meu servletUpload, que está devidamente testado.. igual o que vc me passou.

Seguinte:

Eu carrego a imagem e qnd clico em Upload nada acontece.

E estou tentando depurar no firebug, mas ta dificil.

What is classpath? Membro desde: 09/05/2010 01:21:56 Mensagens: 8 Offline

Srs. Boa Noite!

Sou brasileiro e não desisto nunca, devido a alguns problemas me afastei mas retornei ao projeto.

Vamos lá.

O Envio acontece, e está chegando no request do ServLet que mostrei acima:
Abaixo estou mostrado o resultado de um print do meu request no Servlet de upload que mostra que o problema é no tratamento desse request:

================
uri: /dominio.com/ServletUpload
method: POST
QueryString: null
Parameters:
Headers:
Name: accept Value: text/*
Name: content-type Value: multipart/form-data; boundary=----------Ef1Ef1Ij5Ij5Ef1GI3Ij5GI3Ef1KM7
Name: user-agent Value: Shockwave Flash
Name: host Value: localhost:8084
Name: content-length Value: 38918
Name: connection Value: Keep-Alive
Name: cache-control Value: no-cache

================
TESTE
OK

Em qual parametro chega o arquivo codificado? isso que eu não entendo.

grato,

Debugger Membro desde: 29/07/2009 11:16:45 Mensagens: 66 Offline

Conseguiu resolver?
fiz a mesma implementação aki e meus dados estão chegando no post ok, mas como faço pra segurar o arquivo na minha collection?
o List<FileItem> items = new ServletFileUpload(new DiskFileItemFactory()).parseRequest(req); não está populando meu list.

no meu doPost recebo ele assim...

meu jsp esta assim

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

</head>
    <body>
        <form action="?ac=upload" method="post" enctype="multipart/form-data" >
            <input id="file_upload" type="file" name="Filedata" style="display: none; " width="120" height="30">
            <a >Upload Files</a>
        </form>
    </body>
</html>

Vejo no meu Mapa pelo debug o seguinte:

{folder=/userfiles/image, ac=upload, Upload=Submit Query, Filename=fidelis_felipe_2011.pdf, Filedata=fidelis_felipe_2011.pdf}

O que mais está faltando??? Agradeço a ajuda...

Debugger Membro desde: 29/07/2009 11:16:45 Mensagens: 66 Offline

Tentei enviar pra um servlet tbm mas tbm não popula minha list

O que devo fazer mais para receber o list de arquivos?

Pessoal, desculpa está desenterrando o post, mas alguém conseguiu fazer funcionar o servlet?

Debugger Membro desde: 29/07/2009 11:16:45 Mensagens: 66 Offline

Sim cara, coloquei pra funfar com Servlet e pela control do Vraptor.
De antemão ele envia de um em um file e não um list de file como postei anteriormente, entao vc só envia um File por vez...

Qual a tua dúvida?

posta ae,

abraços

This message was edited 2 times. Last update was at 13/05/2011 10:08:14

Bom, vamos lá, fiz um teste com uma jsp, e funcionou, depois fiz um teste com um servlet e não funcinou.

O teste foi realizado da seguinte maneira:

Selecionei 3 imagens e mandei enviar

- com a página jsp, funcionou belezinha;
- com o servlet, eu consigo pegar a primeira requisição, salvo a imagem, mas depois disso não acontece mais nada, fica como se o componente de upload estivesse aguardando uma resposta do servlet para enviar as imagens restantes.

segue os códigos da página jsp e do servlet:

uploadFile.jsp

<%@page import="br.com.upload.util.ServiceLocator"%>
<%@page import="br.com.upload.ejb.facade.ConsultaFacadeEJBIf"%>
<%@page import="java.math.BigDecimal"%>
<%@page import="br.com.upload.entities.Document"%>
<%@page import="java.util.Iterator"%>
<%@page import="java.util.List"%>
<%@page import="java.util.UUID"%>
<%@page import="java.io.File"%>
<%@page import="org.apache.commons.fileupload.disk.DiskFileItemFactory"%>
<%@page import="org.apache.commons.fileupload.FileItem"%>
<%@page import="org.apache.commons.fileupload.servlet.ServletFileUpload"%>
<%@ page contentType="text/html" %>
<%!
private String getItemNameUUID(FileItem item) {
	String fileName = item.getName();
	String ext = getExtensao(item.getName());
	if(ext.length() > 0){
		fileName = fileName.substring(0, fileName.length() - ext.length() - 1);
	}
	fileName = UUID.nameUUIDFromBytes(fileName.getBytes()).toString();
	if(fileName != null && !fileName.isEmpty()){
		return fileName + "." + ext;
	}
	return UUID.randomUUID().toString();
}

private String getExtensao(String fileName) {
	String ext[] = fileName.split("\\.");
	int i = ext.length;  
    if(i > 1)
    	return ext[i-1].toLowerCase();
    return "";
}
%>
<%
try {
	boolean isMultipart = ServletFileUpload.isMultipartContent(request);

String folder = request.getParameter("folderPath");
	String subFolder = request.getParameter("proposalID");
	String serverRoot = request.getRealPath("/");

String folderPath = serverRoot + folder + File.separator + subFolder;

if (isMultipart) {
		DiskFileItemFactory factory = new DiskFileItemFactory();
		ServletFileUpload upload = new ServletFileUpload(factory);

upload.setSizeMax(1024*1024*1); //1Mb

File sub = new File(folderPath);
		if(!sub.exists()){
			if(!sub.mkdirs()){
				throw new Exception();
			}
		}

List<FileItem> items = upload.parseRequest(request);

Iterator<FileItem> it = items.iterator();
		while (it.hasNext()) {
			FileItem item = (FileItem) it.next();

// Verifies if the upload is complete
			if (!item.isFormField()) {
				// Get only the filename without the filepath
				String fileName = getItemNameUUID(item);
				String filePath = folderPath + File.separator + fileName;
	
				// TODO: remover
				System.out.println("File >> " + filePath);
	
				/*
				 * Creates a new file with the definitive path and the
				 * orinal name of the file provided by the web browser
				 * from the client
				 */
				File arquivo = new File(filePath);
	
				// Write this file
				item.write(arquivo);
				
				Document document = new Document();
				document.setFilename(fileName);
				try {
					document.setProposalid(new BigDecimal(subFolder));
				} catch (NumberFormatException e) {
					e.printStackTrace();
				}
				
				ConsultaFacadeEJBIf servico = ServiceLocator.getInstance().getConsultaFacade();
				servico.create(document);
			}
		}
	}
} catch(Exception e) {
	out.println("Ocorreu um erro!!!");
}
%>

uploadFile.java

public class UploadFile extends HttpServlet {

/**
	 * 
	 */
	private static final long serialVersionUID = -4185898209806736003L;

private Long yourMaxRequestSize = (long) (1024 * 1024);

/*
	 * (non-Javadoc)
	 * 
	 * @see
	 * javax.servlet.http.HttpServlet#doPost(javax.servlet.http.HttpServletRequest
	 * , javax.servlet.http.HttpServletResponse)
	 */
	@Override
	protected void doPost(HttpServletRequest req, HttpServletResponse resp)
			throws ServletException, IOException {
		// TODO Auto-generated method stub
		upload(req, resp);
	}

@SuppressWarnings("unchecked")
	private void upload(HttpServletRequest req, HttpServletResponse resp) throws IOException {
		// Check that we have a file upload request
		boolean isMultipart = ServletFileUpload.isMultipartContent(req);
		String folder = req.getParameter("folderPath");
		String subFolder = req.getParameter("proposalID");
		String serverRoot = req.getRealPath("/");
		System.out.println(" >>>> " + req.getServletPath());
		String folderPath = serverRoot + folder + File.separator + subFolder;
		try {
			if (isMultipart) {

File sub = new File(folderPath);
				if (!sub.exists()) {
					if (!sub.mkdirs()) {
						throw new IOException(
								"Ocorreu um erro durante a criacao do diretorio para armazenamento das imagens referentes a proposta '"
										+ subFolder + "'");
					}
				}

// Create a factory for disk-based file items
				DiskFileItemFactory factory = new DiskFileItemFactory();

// Create a new file upload handler
				ServletFileUpload upload = new ServletFileUpload(factory);

// Set overall request size constraint
				upload.setSizeMax(yourMaxRequestSize);

// Parse the request

List<FileItem> items = upload.parseRequest(req);
				Iterator<FileItem> it = items.iterator();
				while (it.hasNext()) {
					FileItem item = it.next();

// Verifies if the upload is complete
					if (!item.isFormField()) {
						// TODO: remover
						System.out.println("File name >> " + item.getName());
						// Get only the filename without the filepath
						String fileName = getItemNameUUID(item);
						String filePath = folderPath + File.separator
								+ fileName;

// TODO: remover
						System.out.println("File >> " + filePath);

/*
						 * Creates a new file with the definitive path and the
						 * orinal name of the file provided by the web browser
						 * from the client
						 */
						File arquivo = new File(filePath);

// Write this file
						item.write(arquivo);
						
						Document document = new Document();
						document.setFilename(fileName);
						try {
							document.setProposalid(new BigDecimal(subFolder));
						} catch (NumberFormatException e) {
							e.printStackTrace();
						}
						
						
						ConsultaFacadeEJBIf servico = ServiceLocator.getInstance().getConsultaFacade();
						servico.create(document);
					}
				}
			}
		} catch (FileUploadException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		} catch (Exception e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		
	}
	
	private String getItemNameUUID(FileItem item) {
		String fileName = item.getName();
		String ext = getExtensao(item.getName());
		if(ext.length() > 0){
			fileName = fileName.substring(0, fileName.length() - ext.length() - 1);
		}
		fileName = UUID.nameUUIDFromBytes(fileName.getBytes()).toString();
		if(fileName != null && !fileName.isEmpty()){
			return fileName + "." + ext;
		}
		return UUID.randomUUID().toString();
	}

private String getExtensao(String fileName) {
		String ext[] = fileName.split("\\.");
		int i = ext.length;  
        if(i > 1)
        	return ext[i-1].toLowerCase();
        return "";
	}
}

Debugger Membro desde: 29/07/2009 11:16:45 Mensagens: 66 Offline

tente assim...

no jsp...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

</head>
    <body>
       <form enctype="multipart/form-data" method="post">

<fieldset>
		<input type="file" id="arquivos" name="arquivos" >
		<a  >Enviar</a>
		
	</fieldset>

</form>
    </body>
</html>

E no servlet no teu post...

This message was edited 2 times. Last update was at 18/05/2011 09:52:47

Resolvido, não entendi muito bem o porque disso, mas aí vai a explicação: após acrescentar as seguintes linhas no servlet

o upload funcinou.

O que deu para perceber é que o componente Uploadify espera algum retorno do servlet e isso não estava acontecendo. Para ter certeza realmente disso, seria necessário abrir o arquivo .fla do Uploadify e verificar o código, mas, não manjo nada de flash.

Bom, é isso aí, espero ter ajudando alguém que teve os mesmo problemas que o meu.

Obrigado ao fidelis felipe pela ajuda.

Notícias, artigos e o maior fórum brasileiro sobre Java