creating thumbnail for uploaded files

Hi all... I am working on a file sharing project .. Here users can upload / download files .. As in some file sharing sites i have seen when an user uploads a file (say an image file ) , he can view the thumbnail view of that file(image or video , whatever..) in his account.. So i want to achieve this..

the following is the jsp page where the user can upload a file by clicking on button..

<%@page import="java.sql.*"%>
<%@page import="mypack.bean"%>
<%@page import="java.util.Iterator"%>
<%@page import="mypack.DBHandler"%>
<%@page import="java.util.ArrayList"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en-US" xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
    <head>
        <title>CSS Free Templates with jQuery Slider</title>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
        <link rel="shortcut icon" href="css/images/favicon.ico" />
        <link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
        <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
        <script type="text/javascript" src="js/DD_belatedPNG_0.0.8a.js"></script>
        <script type="text/javascript" src="js/jquery.jcarousel.js"></script>
        <script type="text/javascript" src="js/functions.js"></script>
        <link rel="stylesheet" href="css/button.css" type="text/css" media="all"/>
        <link rel="stylesheet" href="css/searchFilecss.css" type="text/css" media="all"/>
        <link rel="stylesheet" href="css/verticalCSS.css" type="text/css" media="all"/>
        <link rel="stylesheet" href="form.css" type="text/css" media="all"/>
        <script type="text/javascript">
            function validate(){
                document.getElementById("mybutton").style.visibility="visible";
                document.getElementById("file_browse").style.visibility="hidden";

}
        </script>
    </head>
    <body>

<div id="header">
            
            <form class="form-wrapper cf" action="searchFiles" method="post">
                <input type="text" name="myfile" placeholder="Search here..." required/>
                <button type="submit">Search</button>
            </form>

<div  id="navigation">
                <ul>
                    <li>
                        <%String user = (String) session.getAttribute("thisuser");%>
                        <%=user%>
                    </li>
                    <li>
                        <a href="logout.jsp"> Logout </a>
                    </li>
                </ul>

</div>
            
            <div class="cl"> </div>
        </div>
        
        
        
        <div id="slider">
            <div id="menu8">
                <ul>
                    <li><a href="afterlogin.jsp" title="Link 1">Home</a></li>
                    <li><a href="music.jsp" title="Link 2">My Music</a></li>
                    <li><a href="videos.jsp" title="videos.jsp">My Videos</a></li>
                    <li><a href="pico.jsp" title="Link 4">My Pictures</a></li>
                    <li><a href="documents.jsp" title="Link 5">My Documents</a></li>
                    <li><a href="others.jsp" title="Link 5">Others</a></li>
                    <li><a href="search.jsp" title="Link 5">Search By Category</a></li>
                </ul>
            </div>
            <form ENCTYPE="multipart/form-data" ACTION=
                  "uploadfile" METHOD="POST">

</table>

</form>

</div>

</div>
        
        
        
        <div id="wrapper">
            
            <div class="inner">
                
                
                
                <div id="three-cols">
                    <div class="col first">
                        <div class="heading">
                            <img src="css/images/uploadwrapper.png" alt="Column Image" />
                            <div class="col-title">
                                <h4>Upload Your Files</h4>
                                <h5>Start uploading files to RealShare.</h5>
                            </div>
                            <div class="cl"> </div>
                        </div>
                        <p>Register yourself with RealShare and start uploading files in our server.You can also download other files once you register.</p>
                        <a title="Read More" class="btn-more" href="#">Read More</a>
                    </div>
                    <div class="col">
                        <div class="heading">
                            <img src="css/images/server.png" alt="Column Image" />
                            <div class="col-title">
                                <h4>Server Security</h4>
                                <h5>High security for your data.</h5>
                            </div>
                            <div class="cl"> </div>
                        </div>
                        <p>Your data is very important to you and knowing this fact we provide you the best possible security for your data.</p>
                        <a title="Read More" class="btn-more" href="#">Read More</a>
                    </div>
                    <div class="col">
                        <div class="heading">
                            <img src="css/images/share.png" alt="Column Image" />
                            <div class="col-title">
                                <h4>Share Files</h4>
                                <h5>Users can share files on the server.</h5>
                            </div>
                            <div class="cl"> </div>
                        </div>
                        <p>File sharing is made simple and yet effective in RealShare. Users who have an account in RealShare can share data.</p>
                        <a title="Read More" class="btn-more" href="#">Read More</a>
                    </div>
                    <div class="cl"> </div>
                </div>
                
            </div>
            
            <div id="bottom"> </div>
        </div>
        
        
        <div id="footer">

</div>

</body>
</html>

The Upload file servlet code is shown below--->>

/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
package mypack;

import java.io.DataInputStream;
import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.PrintWriter;
import java.math.BigInteger;
import java.security.SecureRandom;
import java.util.Random;
import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

import java.io.File;

/**
 *
 * @author JD
 */
public class uploadfile extends HttpServlet {

/** 
     * Processes requests for both HTTP <code>GET</code> and <code>POST</code> methods.
     * @param request servlet request
     * @param response servlet response
     * @throws ServletException if a servlet-specific error occurs
     * @throws IOException if an I/O error occurs
     */
    protected void processRequest(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {

HttpSession session = request.getSession(true);
        String user = session.getAttribute("thisuser").toString();
        //to get the content type information from JSP Request Header
        String contentType = request.getContentType();
        if ((contentType != null) && (contentType.indexOf("multipart/form-data") >= 0)) {
            DataInputStream in = new DataInputStream(request.getInputStream());
            int formDataLength = request.getContentLength();
            byte dataBytes[] = new byte[formDataLength];
            int byteRead = 0;
            int totalBytesRead = 0;
            while (totalBytesRead < formDataLength) {
                byteRead = in.read(dataBytes, totalBytesRead, formDataLength);
                totalBytesRead += byteRead;
            }
            String file = new String(dataBytes);

// out.println(file);

String saveFile = file.substring(file.indexOf("filename=\"") + 10);
            saveFile = saveFile.substring(0, saveFile.indexOf("\n"));
            saveFile = saveFile.substring(saveFile.lastIndexOf("\\") + 1, saveFile.indexOf("\""));
            int lastIndex = contentType.lastIndexOf("=");
            String boundary = contentType.substring(lastIndex + 1, contentType.length());
            int pos;
            pos = file.indexOf("filename=\"");
            pos = file.indexOf("\n", pos) + 1;
            pos = file.indexOf("\n", pos) + 1;
            pos = file.indexOf("\n", pos) + 1;
            int boundaryLocation = file.indexOf(boundary, pos) - 4;
            int startPos = ((file.substring(0, pos)).getBytes()).length;
            int endPos = ((file.substring(0, boundaryLocation)).getBytes()).length;

String rootPath = "D:\\".concat(user);

SecureRandom srandom = new SecureRandom();
            String rand = new BigInteger(11, srandom).toString(5);
            String mysavedFile = rand.concat(saveFile);

session.setAttribute("myFolderpath", rootPath);
            FileOutputStream fileOut = new FileOutputStream(rootPath + "\\" + mysavedFile);

//FileOutputStream fileOut = new FileOutputStream("c:\\"+saveFile);
            fileOut.write(dataBytes, startPos, (endPos
                    - startPos));
            fileOut.flush();
            fileOut.close();
            DBHandler d = new DBHandler();
            d.insertfile(mysavedFile, rootPath.concat("\\").concat(mysavedFile), user);
            RequestDispatcher rd = request.getRequestDispatcher("afterlogin.jsp");

rd.forward(request, response);
        }

}
    // <editor-fold defaultstate="collapsed" desc="HttpServlet methods. Click on the + sign on the left to edit the code.">

/**
     * Handles the HTTP <code>GET</code> method.
     * @param request servlet request
     * @param response servlet response
     * @throws ServletException if a servlet-specific error occurs
     * @throws IOException if an I/O error occurs
     */
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException,
            IOException {
        processRequest(request, response);

}

/**
     * Handles the HTTP <code>POST</code> method.
     * @param request servlet request
     * @param response servlet response
     * @throws ServletException if a servlet-specific error occurs
     * @throws IOException if an I/O error occurs
     */
    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException,
            IOException {
        processRequest(request, response);

}

/**
     * Returns a short description of the servlet.
     * @return a String containing servlet description
     */
    @Override
    public String getServletInfo() {
        return "Short description";

}// </editor-fold>
}

after doing this the file gets uploaded to the users account ( on the disc and the file path and file name is saved in database)... Now what i want to achieve is a thumbnail image to get created as soon as the file is uploaded and when the user opens his account , he views the thumbnail image of that file.. Please help me with detailed explainations and codes..

You'll ned to write some code to resize the image to create the thumbnail.

That has nothing whatsoever to do with JSP, so this post has moved to a more appropriate location.

Bear Bibeault wrote:You'll ned to write some code to resize the image to create the thumbnail.

That has nothing whatsoever to do with JSP, so this post has moved to a more appropriate location.

So where do i need to write those code ??

In your Upload servlet, put some code that will resize an image and save it in another file. In your JSP, provide a link to the resized image

J Das wrote:

Bear Bibeault wrote:You'll ned to write some code to resize the image to create the thumbnail.

That has nothing whatsoever to do with JSP, so this post has moved to a more appropriate location.

So where do i need to write those code ??

Code never goes in a JSP. Never. Ever.

Ever.

Bear Bibeault wrote:

J Das wrote:

Bear Bibeault wrote:You'll ned to write some code to resize the image to create the thumbnail.

That has nothing whatsoever to do with JSP, so this post has moved to a more appropriate location.

So where do i need to write those code ??

Code never goes in a JSP. Never. Ever.

Ever.

So while uploading the file ( say an image file )from the jsp page , when i pass it to a servlet , is that the servlet where that code will appear ?? Please ignore my dumbness if it is so..

Take a look here:

http://raulraja.com/2009/07/12/spring-java-thumbnail-generation-based-on-content-type/

WP

[UD: Content removed. Let's continue the discussion of your question in the topic you started: http://www.coderanch.com/t/592069/open-source/video-Thumbnails-video-sharing-site ]