Vamos con nuestro sencillo formulario:
Código
Como podemos observar no hay nada del otro mundo. Simplemente un input tipo file e indicamos que se podrán elegir múltiples archivos. Por últmo, el botón submit.
Servlet
Nuestro servlet será como cualquier otro, pero añadiremos la anotación @MultipartConfig, que básicamente, identificará el servlet como un servlet multipart/form-data.
Código
@WebServlet(name = "UploadServlet", urlPatterns = {"/upload"}) @MultipartConfig(location="D:/uploads") public class UploadServlet extends HttpServlet { private static final long serialVersionUID = 1L; protected void processRequest(HttpServletRequest request, HttpServletResponse response) response.setContentType("text/html;charset=UTF-8"); Collection<Part> parts = request.getParts(); for(Part part : parts) { part.write(getFileName(part)); } } @Override protected void doGet(HttpServletRequest request, HttpServletResponse response) processRequest(request, response); } @Override protected void doPost(HttpServletRequest request, HttpServletResponse response) processRequest(request, response); } if(current.trim().startsWith("filename")) { int pos = current.indexOf('='); return fileName.replace("\"", ""); } } return null; } }
El atributo location sirve para especificar la ruta donde se guardarán los archivos recibidos. Ésto porsupuesto puede hacerse desde código también. En mi caso, he decidido guardarlas en D:/uploads.
Primero, recibimos todos los part mediante el método getParts() del objeto HttpServletRequest. Cada part viene a ser una parte que representa a cada elemento enviado. El payload de la petición se ve así:
Código
------WebKitFormBoundaryKZUc66kZeBth3nDc Content-Disposition: form-data; name="files"; filename="jsf-scopes.png" Content-Type: image/png ------WebKitFormBoundaryKZUc66kZeBth3nDc Content-Disposition: form-data; name="files"; filename="navbar.png" Content-Type: image/png
Donde Content-Disposition y Content-Type son las cabeceras de las peticiones por cada part (elemento) enviado. Es importante saber la anatomía de éstas peticiones, porque luego las usaremos para obtener ciertos datos, como el nombre de los archivos.
Luego, recorremos los parts y por cada uno de ellos, obtenemos su nombre llamando al método getFileName el cual recibe un part y devuelve el nombre del archivo/elemento al que corresponde:
Código
if(current.trim().startsWith("filename")) { int pos = current.indexOf('='); return fileName.replace("\"", ""); } } return null; }
Primero obtenemos la cabecera content-disposition la cual como vimos, almacena los datos del elemento enviado. Ahora, obtenemos los datos de esa cabecera y les llamaremos subHeaders. Los obtenemos diviendo el contenido de la cabecera por puntos y comas ( porque así está formada la petición.
En éste punto ya tenemos los siguientes datos:
- form-data
- name
- filename
El que nos interesa es filename ya que éste almacena el nombre del archivo enviado. Comprobamos si la subHeader actual comienza con 'filename', si es así, obtenemos la posición del caracter '=' para obtener todo lo que hay hacia la derecha, que es lo que nos interesa: el nombre del archivo. Por último, reemplazamos las comillas por nada (eliminar) y eliminamos los espacios en blanco al inicio/final del nombre del archivo. El resultado, el nombre del archivo solamente.
Una vez que obtenemos el nombre del archivo asociado a cada part, los escribimos en el directorio especificado por el atributo location, que será D:/uploads:
Código
part.write(getFileName(part));
Por último, verificamos si se han subido los archivos:
Eso es todo. ¿Quién dijo que Java es difícil?