Upload Profile Picture or File using JSP, Struts2 | Code Factory


Donate : Link

Medium Blog : Link

Applications : Link



Download Code and Jars : Link

File : temp.jsp

<%@ 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="Refresh" CONTENT="0;URL=index.action">
<title>Insert title here</title>
</head>
<body>
</body>
</html>

File : index.jsp

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
    <%@ taglib prefix="s" uri="/struts-tags"%>
        <!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>Index page</title>
        </head>
        <body>
            <center>
                <div class="boxCss">
                    <s:if test="#session.userProfile!=''">
                        <a href="javascript:void(0)" onclick="upload()" class="imgCss"> <img src=<s:property value="#session.userProfile" /> width="120" height="120"></a>
                    </s:if>
                    <s:else>
                        <a href="javascript:void(0)" onclick="upload()" class="imgCss"> <img src="images/admin.jpg" alt="user-img" width="120" height="120"></a>
                    </s:else>
                    <br>
                    <br>
                    <form action="uploadImg" method="post" enctype="multipart/form-data">
                        <div class="divCss">
                            <input type="file" id="image_src" name="userImage" label="Image" class="fileCss" />
                            <input type="submit" value="Upload" align="center" class="submitCss btn btn-primary" />
                        </div>
                    </form>
                </div>
            </center>
        </body>
        </html>

File : struts.xml

<?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE struts PUBLIC
"-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
"http://struts.apache.org/dtds/struts-2.0.dtd">
    <struts>
        <constant name="struts.devMode" value="true" />
        <constant name="struts.enable.DynamicMethodInvocation" value="true" />
        <constant name="struts.ognl.allowStaticMethodAccess" value="true" />
        <include file="struts-default.xml" />
        <package name="uploadProfilePicture" extends="struts-default">
            <action name="index" class="com.codeFactory.getData">
                <result name="success">index.jsp</result>
            </action>
            <action name="uploadImg" class="com.codeFactory.ProfilePic">
                <interceptor-ref name="fileUpload">
                    <param name="maximumSize">2097152</param>
                    <param name="allowedTypes"> image/png,image/gif,image/jpeg,image/pjpeg </param>
                </interceptor-ref>
                <interceptor-ref name="defaultStack"></interceptor-ref>
                <result type="redirectAction" name="success">index</result>
                <result name="input">error.jsp</result>
            </action>
        </package>
    </struts>

File : web.xml

<?xml version="1.0" encoding="UTF-8"?>
    <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
   http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" id="WebApp_ID" version="3.1">
        <display-name>uploadProfilePicture</display-name>
        <welcome-file-list>
            <welcome-file>temp.jsp</welcome-file>
        </welcome-file-list>
        <filter>
            <filter-name>struts2</filter-name>
            <filter-class>
                org.apache.struts2.dispatcher.FilterDispatcher
            </filter-class>
        </filter>
        <filter-mapping>
            <filter-name>struts2</filter-name>
            <url-pattern>/*</url-pattern>
        </filter-mapping>
    </web-app>

File : getData.java

package com.codeFactory;

import java.sql.DriverManager;
import java.util.Map;
import javax.servlet.http.HttpSession;
import org.apache.struts2.ServletActionContext;
import org.apache.struts2.interceptor.SessionAware;
import com.mysql.jdbc.Connection;
import com.mysql.jdbc.PreparedStatement;
import com.mysql.jdbc.ResultSet;
import com.opensymphony.xwork2.ActionSupport;

public class getData extends ActionSupport implements SessionAware {

    private Map < String, Object > session;
    Connection con = null;
    PreparedStatement ps = null;
    ResultSet rs = null;
    String query;

    public String execute()
    {
        try {
            String URL = "jdbc:mysql://localhost/test";
            Class.forName("com.mysql.jdbc.Driver");
            con = (Connection) DriverManager.getConnection(URL, "root", "admin");
            query = "select * from file_upload where id=" + 1;
            ps = (PreparedStatement) con.prepareStatement(query);
            rs = (ResultSet) ps.executeQuery();
            while (rs.next())
            {
                System.out.println(rs.getInt("id"));
                session.put("id", rs.getInt("id"));
                System.out.println(rs.getString("file_path"));
                session.put("userProfile", rs.getString("file_path"));
            }
        } catch (Exception e) {
            System.out.println("getdata : " + e);
            e.getMessage();
        }
        return SUCCESS;
    }

    @Override
    public void setSession(Map < String, Object > session) {
        // TODO Auto-generated method stub
        this.session = session;
    }
}

File : ProfilePic.java

package com.codeFactory;

import java.io.File;
import java.sql.DriverManager;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpSession;
import org.apache.commons.io.FileUtils;
import org.apache.struts2.ServletActionContext;
import org.apache.struts2.interceptor.ServletRequestAware;
import com.mysql.jdbc.Connection;
import com.mysql.jdbc.PreparedStatement;
import com.mysql.jdbc.ResultSet;
import com.opensymphony.xwork2.ActionSupport;

public class ProfilePic extends ActionSupport {

    private File userImage;
    private String userImageContentType;
    private String userImageFileName;
    Connection con = null;
    PreparedStatement ps = null;
    ResultSet rs = null;
    String query;

    public String execute()
    {
        try {
            String filePath = ServletActionContext.getServletContext().getRealPath("/").concat("userImages/");
            System.out.println("Image Location:" + filePath); //see the server console for actual location  
            File fileToCreate = new File(filePath, userImageFileName);
            FileUtils.copyFile(userImage, fileToCreate); //copying source file to new file
            String URL = "jdbc:mysql://localhost/test";
            Class.forName("com.mysql.jdbc.Driver");
            con = (Connection) DriverManager.getConnection(URL, "root", "admin");
            String loc = "userImages/" + userImageFileName;
            query = "update file_upload set file_path='" + loc + "' where id=" + 1;
            System.out.println(query);
            ps = (PreparedStatement) con.prepareStatement(query);
            ps.executeUpdate();
        } catch (Exception e) {
            System.out.println("uploadPicAction" + e);
        }
        return SUCCESS;
    }

    public File getUserImage() {
        return userImage;
    }

    public void setUserImage(File userImage) {
        this.userImage = userImage;
    }

    public String getUserImageContentType() {
        return userImageContentType;
    }

    public void setUserImageContentType(String userImageContentType) {
        this.userImageContentType = userImageContentType;
    }

    public String getUserImageFileName() {
        return userImageFileName;
    }

    public void setUserImageFileName(String userImageFileName) {
        this.userImageFileName = userImageFileName;
    }
}

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s