J2EE Tutorials: Multiple File Uploading Using JSP -Servlet

Step 1:
Create JSP And Add Controls.

<input type="button" value="Upload file..." onclick="upload();">

Step 2:
Oen Uploading JSP file in Window

window.open("uploadfile.jsp","Test","width=300,height=300,scrollbars=1,resizable=1");

Step 3:

Control Add on uploadfile.jsp

Write Code On uploadfile.jsp.

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" href="js/jquery.plupload.queue/css/jquery.plupload.queue.css" type="text/css" media="screen" />
<title>Plupload - Events example</title>
<style type="text/css">
body {
font-family:Verdana, Geneva, sans-serif;
font-size:13px;
color:#333;
background:url(../bg.jpg);
}
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="http://bp.yahooapis.com/2.4.21/browserplus-min.js"></script>

<script type="text/javascript" src="js/plupload.js"></script>
<script type="text/javascript" src="js/plupload.gears.js"></script>
<script type="text/javascript" src="js/plupload.silverlight.js"></script>
<script type="text/javascript" src="js/plupload.flash.js"></script>
<script type="text/javascript" src="js/plupload.browserplus.js"></script>
<script type="text/javascript" src="js/plupload.html4.js"></script>
<script type="text/javascript" src="js/plupload.html5.js"></script>
<script type="text/javascript" src="js/jquery.plupload.queue/jquery.plupload.queue.js"></script>

</head>
<body>
<script type="text/javascript">
$(function() {
function log() {
var str = "";

plupload.each(arguments, function(arg) {
var row = "";

if (typeof(arg) != "string") {
plupload.each(arg, function(value, key) {
// Convert items in File objects to human readable form
if (arg instanceof plupload.File) {
// Convert status to human readable
switch (value) {
case plupload.QUEUED:
value = 'QUEUED';
break;

case plupload.UPLOADING:
value = 'UPLOADING';
break;

case plupload.FAILED:
value = 'FAILED';
break;

case plupload.DONE:
value = 'DONE';
break;
}
}

if (typeof(value) != "function") {
row += (row ? ', ': '') + key + '=' + value;
}
});

str += row + " ";
} else {
str += arg + " ";
}
});

$('#log').val($('#log').val() + str + "\r\n");
}

$("#uploader").pluploadQueue({
// General settings
runtimes: 'html5,gears,browserplus,silverlight,flash,html4',
url: 'uploadfile',
max_file_size: '10mb',
chunk_size: '1mb',
unique_names: true,

// Resize images on clientside if we can
resize: {width: 320, height: 240, quality: 90},

// Specify what files to browse for
filters: [
{title : "Image files", extensions : "jpg,gif,png"},
{title : "Zip files", extensions : "zip"},
{title : "Text files", extensions : "txt"},
{title : "excel files", extensions : "xls"},
{title : "PDF files", extensions : "pdf"}
],

// Flash/Silverlight paths

// PreInit events, bound before any internal events
preinit: {
Init: function(up, info) {
log('[Init]', 'Info:', info, 'Features:', up.features);
},

UploadFile: function(up, file) {
log('[UploadFile]', file);

// You can override settings before the file is uploaded
// up.settings.url = 'upload.php?id=' + file.id;
// up.settings.multipart_params = {param1: 'value1', param2: 'value2'};
}
},

// Post init events, bound after the internal events
init: {
Refresh: function(up) {
// Called when upload shim is moved
log('[Refresh]');
},

StateChanged: function(up) {
// Called when the state of the queue is changed
log('[StateChanged]', up.state == plupload.STARTED ? "STARTED": "STOPPED");
},

QueueChanged: function(up) {
// Called when the files in queue are changed by adding/removing files
log('[QueueChanged]');
},

UploadProgress: function(up, file) {
// Called while a file is being uploaded
log('[UploadProgress]', 'File:', file, "Total:", up.total);
},

FilesAdded: function(up, files) {
// Callced when files are added to queue
log('[FilesAdded]');

plupload.each(files, function(file) {
log(' File:', file);
});
},

FilesRemoved: function(up, files) {
// Called when files where removed from queue
log('[FilesRemoved]');

plupload.each(files, function(file) {
log(' File:', file);
});
},

FileUploaded: function(up, file, info) {
// Called when a file has finished uploading
log('[FileUploaded] File:', file, "Info:", info);
},

ChunkUploaded: function(up, file, info) {
// Called when a file chunk has finished uploading
log('[ChunkUploaded] File:', file, "Info:", info);
},

Error: function(up, args) {
// Called when a error has occured

// Handle file specific error and general error
if (args.file) {
log('[error]', args, "File:", args.file);
} else {
log('[error]', args);
}
}
}
});

$('#log').val('');
$('#clear').click(function(e) {
e.preventDefault();
$("#uploader").pluploadQueue().splice();
});
});
</script>
</body>
</html>

Step 4:

Write Code On Servlet

boolean isMultipart = ServletFileUpload.isMultipartContent(request);

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

try {
List items = upload.parseRequest(request);
System.out.println("items=="+items);
Iterator iterator = items.iterator();
while (iterator.hasNext()) {
FileItem item = (FileItem) iterator.next();
System.out.println("item=="+item);
if (!item.isFormField()) {
String fileName = item.getName();
fileName=fileName;
fileName=fileName.replaceAll("\\s","");
System.out.println("fileName=="+fileName);

String root = getServletContext().getRealPath("/");
System.out.println("root=="+root);

File path = new File(root + "/Report");
File path1 = new File("E:\\Report");
System.out.println("path=="+path);

File file2 = new File("C:\\Users\\Bharat\\
workspace\\Juno Eclipse\\23.04.2013\\Project
\\WebContent\\Report");
if (!file2.exists()) {
file2.mkdir();
}

if (file2.exists()) {
File file1 = new File("C:\\Users\\Bharat\\workspace
\\Juno Eclipse\\23.04.2013\\Project
\\WebContent\\Report\\"+millisec);
if (file1.mkdir()) {
System.out.println("Directory is created!");
File uploadedFile = new File(file1 + "/" + fileName);
item.write(uploadedFile);

} else {
System.out.println("Failed to create directory!");
}
}

String fid="http://localhost:8080/Project/Report/"+millisec+"/"+fileName;
session.setAttribute("fileName", fileName);

session.setAttribute("fileID", fid);

File uploadedFile = new File(file2 + "/" + fileName);
// File uploadedFile = new File(path1 + "/" +"/"+name+"/"
+"/"+currDate+"/"+ fileName);
System.out.println(uploadedFile.getAbsolutePath());
// item.write(uploadedFile);
System.out.println("sucess fully uploding.....");

/* if (path.exists()) {
boolean status = path.mkdirs();
}
*/

File f=new File("C:\\Users\\Bharat\\workspace
\\Juno Eclipse\\23.04.2013\\Project
\\Report\\"+millisec+"\\"+fileName);
String file_path="C:\\Users\\Bharat
\\workspace\\Juno Eclipse\\23.04.2013\\Project\\Report
\\"+millisec+"\\"+fileName;
file_path=file_path.replace("\\", "/");
//File uploadedFile = new File(path2 + "/" + fileName);
// System.out.println("uploadedFile=="+uploadedFile);
/* File uploadedFile = new File(path1 + "/" + fileName);
// File uploadedFile = new File(path1 + "/" +"/"+name+"/"+"/"+currDate+"/"+ fileName);
System.out.println(uploadedFile.getAbsolutePath());
item.write(uploadedFile);
System.out.println("sucess fully uploding.....");*/

try
{
con = DBManager.openDBConnection();
con.setAutoCommit(false);
st = con.createStatement();
String query = "insert into uploading_file(File,UserName,filename,filepath,FileID
,Uplodated_Datetime,activity,Compliance_date)
values ('"+f+"','"+name+"','"+fileName+"','"+file_path+"',
'"+millisec+"','"+currDate+"','"+Activity+"','"+Compliance_date+"')";
System.out.println("query = "+query);
int ack = st.executeUpdate(query);
//System.out.println("ack = "+ack);
//System.out.println("succuess with first query.");
}
catch(Exception e)
{
e.printStackTrace();
}
// out.print("sucess");
}

}
} catch (FileUploadException e) {
e.printStackTrace();
} catch (Exception e) {
e.printStackTrace();
}

}
else
{
System.out.println("UN sucess uploding.....");
//out.print("Not Uploading....");
}

try {
con.commit();
} catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}

Step 5:

Click on Upload Button

check on Folder Upload file

J2EE Tutorials

Tuesday, 14 May 2013

Multiple File Uploading Using JSP -Servlet

No comments:

Post a Comment

Blog Archive

Labels