Error con input "text","file" y servlets multipart form-data

jrevilla · #1 (**permalink**) 05/10/2011, 15:25

Tengo un formulario:

Código HTML:

Ver original<html>
<head>
<title>subir archvio</title>
</head>
<body>
<form action="<%=request.getContextPath()%>/ServletSubir" 
method="post" name="imagen"  enctype="multipart/form-data">
<table cellpadding="3.0">
    <tr>
    <td>Buscar Imagen:</td>
    <td><input type="file" name="imagen" ></td>
 
    </tr>
    <tr>
        <td>DNI:</td>
        <td><input type="text" name="txtDni"></td>
    </tr>
    <tr>
        <td>Nombres:</td>
        <td><input type="text" name="txtNombres"></td>
    </tr>
    <tr>
        <td>Apellidos:</td>
        <td><input type="text" name="txtApellidos"></td>
    </tr>
    <tr>
        <td>Dirección:</td>
        <td><input type="text" name="txtDireccion"></td>
    </tr>
    <tr>
        <td>Telefono:</td>
        <td><input type="text" name="txtTelefono"></td>
    </tr>
    <tr>
        <td><input type="reset" value="Limpiar" ></td>
        <td><input type="submit" value="Enviar Formulario"> </td>
    </tr>
</table>
</form>
</body>
</html>

En el cual deseo enviar un archivo y otros datos, lo que me da un error

. La solución sería tener un formulario distinto para el archivo y poner el enctype='multipart/form-data'

y otro para el resto de los dato sin el enctype='multipart/form-data'.

Estoy usando un servlet

que recibe los datos del formulario, por si les ayuda aqui va mi servlet:

Código Javascript:

Ver originalpackage servlet;
 
import dean.*;
 
import java.io.IOException;
 
import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
 
 
@WebServlet("/ServletSubir")
public class ServletSubir extends HttpServlet {
    private static final long serialVersionUID = 1L;
    
 
    
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
    }
 
    
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        
        String imagen = request.getParameter("imagen");
        String dni = request.getParameter("txtDni");
        String nombres = request.getParameter("txtNombres");
        String apellidos = request.getParameter("txtApellidos");
        String direccion = request.getParameter("txtDireccion");
        String telefono = request.getParameter("txtTelefono");
        
        System.out.println("imagen ruta> "  + imagen);
        RequestDispatcher dispatcher = null;
        
        Subir bean = new Subir();
        bean.setDni(dni);
        bean.setNombres(nombres);
        bean.setApellidos(apellidos);
        bean.setDireccion(direccion);
        bean.setTelefono(telefono);
        
        request.setAttribute("imagen", imagen);
        request.setAttribute("dni", dni);
        request.setAttribute("nombres", nombres);
        request.setAttribute("apellidos", apellidos);
        request.setAttribute("direccion", direccion);
        request.setAttribute("telefono", telefono);
        
        dispatcher = getServletContext().getRequestDispatcher("/mensaje.jsp");
        dispatcher.forward(request, response);
        
        
        
    }
 
}

Se puede tener todo en un formulario (archivos y texto, area, etc), y si se puede, que enctype poner????

por ahora solo quiero enviarloa una pagina llamada mensaje:

Código Javascript:

Ver original<html>
<head>
<title>Mensaje</title>
</head>
<body>
<table>
    <tr>
        <td>Imagen:</td>
        <td><img src="<%=request.getAttribute("imagen")%>"/></td>
    </tr>
    <tr>
        <td>DNI:</td>
        <td><%=request.getAttribute("dni")%></td>
    </tr>
    <tr>
        <td>Nombres:</td>
        <td><%=request.getAttribute("nombres")%></td>
    </tr>
    <tr>
        <td>Apellidos:</td>
        <td><%=request.getAttribute("apellidos")%></td>
    </tr>
    <tr>
        <td>Direccion:</td>
        <td><%=request.getAttribute("direccion")%></td>
    </tr>
    <tr>
        <td>Telefono:</td>
        <td><%=request.getAttribute("telefono")%></td>
    </tr>
 
</table>
</body>
</html>

Lo que molesta es que cuando esta con "multipart/form-data" todos mis campos en mensaje.jsp salen como NULL

Si alguien puede explicarme que debo hacer, o solo un ejemplo pequeño, se que me ayudaria bastante

Gracias

caricatos · #2 (**permalink**) 05/10/2011, 17:08

Hola:

Evidentemente tu problema no es de javascript sino de java, así que movemos el tema... aprovecho para comentarte que con ese enctype se envían ficheros y datos sin problemas... pero mejor que vea el tema alguien que sepa más que yo en este lenguaje.

Saludos

Xerelo · #3 (**permalink**) 06/10/2011, 01:32

¿Qué servidor usas?

Fuzzylog · #4 (**permalink**) 06/10/2011, 02:22

Has de entender que con ese enctype no vale el servlet normal para recuperar los valores.

Necesitas importar una clase como esta: http://www.servlets.com/cos/javadoc/...rtRequest.html

Y luego en vez de

String nombres = request.getParameter("txtNombres");

Primero habría que hacer

MultipartRequest mr = new MultipartRequest(request);
String [] nombres = mr.getParameterValues("txtNombres");
String nombres = nombres[0];

... para el archivo te revisas la información del javadoc que te he pasado y miras como recuperarlo ^^

jrevilla · #5 (**permalink**) 06/10/2011, 13:03

Cita:

Iniciado por Xerelo

¿Qué servidor usas?

uso el tomcat

Cita:

Iniciado por Fuzzylog

Has de entender que con ese enctype no vale el servlet normal para recuperar los valores.

Necesitas importar una clase como esta: [url]http://www.servlets.com/cos/javadoc/com/oreilly/servlet/MultipartRequest.html[/url]

Y luego en vez de

String nombres = request.getParameter("txtNombres");

Primero habría que hacer

MultipartRequest mr = new MultipartRequest(request);
String [] nombres = mr.getParameterValues("txtNombres");
String nombres = nombres[0];

... para el archivo te revisas la información del javadoc que te he pasado y miras como recuperarlo ^^

gracias voy a rebisarlo, pero si necesito un poco mas de ayuda, cuento contigo?? =)

Fuzzylog · #6 (**permalink**) 07/10/2011, 04:46

Fíjate que mi constructor es diferente al de los disponibles para esa clase (en los constructores que vienen se puede incluir la ruta donde se van a guardar los archivos y el tamaño máximo de los mismos ** en Bytes supongo, entre otros atributos)

Además en vez de mr.getParameterValues(nombreParametro) puedes hacer mr.getParameter(nombreParametro) y meterlo directamente a la variable.

El método para recoger el archivo que se va a subir es getFile(nombreInput);

Espero que con esta guía te sea suficiente para ver como trabajar con la clase.

jrevilla · #7 (**permalink**) 07/10/2011, 14:34

Gracias Fuzzylog

, despues de 1 desvelada total revisando como 20 tutoriales y foros

, al fin pude encontrerle solucion!! =) ...

lo voy a colocar aqui por que he visto q yo no soy el unico que sufrio con esto, lo podre para la posteridad jejeje ......

INDEX.JSP

Código HTML:

Ver original<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<title>xD</title></HEAD>
<BODY>
<center>
<form method="POST" enctype='multipart/form-data' action="<%=request.getContextPath()%>/ServletSubir">
<table border="2.0" cellpadding="2.0">
    <tr>
        <td>Nombres: </td>
        <td><input type="text" name="txtNombres" /></td>
    </tr>
    <tr>
        <td>Apellidos: </td>
        <td><input type="text" name="txtApellidos" /></td>
    </tr>
    <tr>
        <td>Direccion: </td>
        <td><input type="text" name="txtDireccion" /></td>
    </tr>
    <tr>
        <td>Telefono: </td>
        <td><input type="text" name="txtTelefono" /></td>
    </tr>
    <tr>
        <td>Subir imagen: </td>
        <td><input type="file" name="uploadfile" /></td>
    </tr>
    <tr>
        <td><input type="hidden" name="todo" value="upload"><input type="reset" value="clear"></td>
        <td><input type="submit" value="Upload" /></td>
    </tr>
</table>
</form> 
</center>
</BODY>
</HTML>

SERVLET(lo comente segun entendi en varios tutoriales) :

Código Javascript:

Ver originalpackage servlet;
 
import java.io.IOException;
import java.util.Hashtable;
 
import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
 
import javazoom.upload.MultipartFormDataRequest;
import javazoom.upload.UploadBean;
import javazoom.upload.UploadException;
import javazoom.upload.UploadFile;
 
 
 
 
 
@WebServlet("/ServletSubir")
public class ServletSubir extends HttpServlet {
    private static final long serialVersionUID = 1L;
       
    
    public ServletSubir() {
        super();
        
    }
 
    
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        
    }
 
    
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        
            /**
             * Declaramos MultipartFormDaaRequest por que un Request normal no trae los valores del input Text
             * y tampoco trae la imagen.
             */
            MultipartFormDataRequest mrequest = null;
            
            RequestDispatcher dispatcher = null;
            /**
             * UploadBean es una libreria que se usa para poder llevar objetos al servidor en este caso
             * la imagen.
             */
            UploadBean upBean = null;
            
            String nombres = null;
            String apellidos = null;
            String direccion = null;
            String telefono = null;
            String todo = null;
            String imagen = null;
            
            try{
            /**
             * Aqui estamos confirmando el MultipartFormDataRequest y le indicamos que recoga todo lo que
             * nos esta mandando el index.
             */
                mrequest=   new MultipartFormDataRequest(request);
                
            if (mrequest != null) {
                todo = mrequest.getParameter("todo");
            }
            if ((todo != null) && (todo.equalsIgnoreCase("upload"))) {
                /**
                 * Usamos un HashTable que es un directorio, se podria usar como una tabla pequeña.
                 * mrequest.getFiles() = recoger todos los archivos de la imagen.
                 */
                Hashtable files = mrequest.getFiles();
                if ((files != null) && (!files.isEmpty())) {
                    /**
                     * si UploadBean sirve para que podamos subir al servidor objetos, entonces 
                     * UploadFile sirve para poder subir Archivos al servidor.
                     * 
                     * En este caso, al usar el comando GET, le estamos diciendo a lo que
                     * tenga dentro de sus parentecis se vaya al objeto file, pero como 
                     * el objeto que obtenemos es de tipo Hashtable le colocamos un cast
                     * para que podamos recuperar la informacion si problemas.
                     */
                    UploadFile file = (UploadFile) files.get("uploadfile");
                    
                    
                    upBean = new UploadBean();
                    upBean.setFolderstore("D:\\Imagenes\\");
                    /**
                     * Empezamos a utilizar el UploadBean y colocamos la opcion setFolderstore
                     * para poder indicar en que direcion vamos a guarda todo archivo que nos mande.
                     */
                    
                        upBean.store(mrequest, "uploadfile");
                        /**
                         * Con el Store le decimos al MultipartFormRequest que obtenta tambien la imagen.
                         */
                        
                    
                        if (file != null) {
                            imagen = file.getFileName();
                        
                            request.setAttribute("imagen", "D:\\Imagenes\\"+imagen);
                            request.setAttribute("nombre", imagen);
                            request.setAttribute("tipo",file.getContentType() );
                            request.setAttribute("tamanio", file.getFileSize());
                            
                        }
                        
                } else {
            System.out.println("<li>No uploaded files");
                }
                if (mrequest != null) {
                    /**
                     * Usamos el "mrequest" por que como dije al comienzo, el request normal no funciona
                     * cuando usamos un FORM MULTIPART / FORM-DATA
                     */
                    
                    nombres = mrequest.getParameter("txtNombres");
                    apellidos = mrequest.getParameter("txtApellidos");
                    direccion = mrequest.getParameter("txtDireccion");
                    telefono = mrequest.getParameter("txtTelefono");
                }
                
                    request.setAttribute("txtNombres", nombres);
                    request.setAttribute("txtApellidos", apellidos);
                    request.setAttribute("txtDireccion", direccion);
                    request.setAttribute("txtTelefono",telefono);
                
            
                dispatcher = getServletContext().getRequestDispatcher("/mensaje.jsp");
        
            }
            }catch( UploadException exc){
                System.out.println("Error en lo primero: "+exc.getMessage());
            }
    
            dispatcher.forward(request, response);
    }
}

MENSAJE.JSP

Código HTML:

Ver original<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Mensaje</title>
</head>
<body>
<table border="2.0" cellpadding="3.0">
    <tr>
        <td colspan="2"><img src="<%=request.getAttribute("imagen")%>" /></td>
    </tr>
    <tr>
        <td>nombre:</td>
        <td><%=request.getAttribute("nombre")%></td>
    </tr>
    <tr>
        <td>tipo:</td>
        <td><%=request.getAttribute("tipo")%></td>
    </tr>
    <tr>
        <td>tamaño:</td>
        <td><%=request.getAttribute("tamanio")%> kb</td>
    </tr>
</table>
<br>
<br>
<table>
    <tr>
        <td>Nombres:</td>
        <td><%=request.getAttribute("txtNombres")%></td>
    </tr>
    <tr>
        <td>Apellidos:</td>
        <td><%=request.getAttribute("txtApellidos")%></td>
    </tr>
    <tr>
        <td>Direccion:</td>
        <td><%=request.getAttribute("txtDireccion")%></td>
    </tr>
    <tr>
        <td>Telefono:</td>
        <td><%=request.getAttribute("txtTelefono")%></td>
    </tr>
</table>
</body>
</html>

sub7 · #8 (**permalink**) 28/05/2012, 13:19

Buenas tardes.

Ya estoy un poco loco, llevo toda la tarde dándole vueltas a importar "com.oreilly.servlet.MultipartRequest" y no lo consigo :(

Mi caso es el mismo que el de "jrevilla", pero yo no consigo ni importar el paquete...
De donde me lo puedo descargar y como lo hago??

Muchas gracias de antemano.

Un saludo!

Fuzzylog · #9 (**permalink**) 29/05/2012, 01:15

http://www.servlets.com/cos/

Revisa este link: http://www.google.es/search?q=a%C3%B...&aqi=g-K3&aql=