JavaScript Uploadify文件上传实例
作者:且随疾风前行
这篇文章主要为大家详细介绍了Uploadify文件上传小实例,一个简单的jsp上传小功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
前言
java+javascript,没用上数据库,做了一个简简单单的jsp上传小功能,就是记录一下,对于这个小项目有什么建议,欢迎指出不足之处 (-_+)
PS:从我的包名看得出,我用过很多前辈们的代码,基本上都是东凑西拼,各个部分代码的出处就不一一列出了,能看就行!
运行环境:
Java EE + Tomcat 7.0
项目结构
( Dynamic Web Project )
src各部分代码
1. com.bijian.study.Upload.java
package com.bijian.study; import java.io.File; import java.io.IOException; import java.text.SimpleDateFormat; import java.util.Date; import java.util.Iterator; import java.util.List; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import org.apache.commons.fileupload.FileItem; import org.apache.commons.fileupload.FileUploadException; import org.apache.commons.fileupload.disk.DiskFileItemFactory; import org.apache.commons.fileupload.servlet.ServletFileUpload; import com.test.util.FileUtil; @SuppressWarnings("serial") public class Upload extends HttpServlet { private final String SEP = File.separator; private FileUtil fUtil = new FileUtil(); @SuppressWarnings("unchecked") public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String savePath = this.getServletConfig().getServletContext() .getRealPath(""); savePath = savePath + "/uploads/"; File f1 = new File(savePath); System.out.println(savePath); if (!f1.exists()) { f1.mkdirs(); } DiskFileItemFactory fac = new DiskFileItemFactory(); ServletFileUpload upload = new ServletFileUpload(fac); upload.setHeaderEncoding("utf-8"); String package_path = request.getParameter("save_path"); String remark = request.getParameter("remark"); List fileList = null; try { fileList = upload.parseRequest(request); } catch (FileUploadException ex) { return; } Iterator<FileItem> it = fileList.iterator(); String name = ""; String extName = ""; String sysDate = ""; String fileFrom = ""; while (it.hasNext()) { FileItem item = it.next(); if (!item.isFormField()) { long size = item.getSize(); String type = item.getContentType(); name = item.getName(); if (name == null || name.trim().equals("")) { continue; } if (name.lastIndexOf(".") >= 0) { extName = name.substring(name.lastIndexOf(".")); } File file = null; do { file = new File(savePath + name + extName); } while (file.exists()); File saveFile = new File(savePath + name); fileFrom = saveFile.getAbsolutePath(); Date now = new Date(); SimpleDateFormat dateFormat = new SimpleDateFormat( "yyyy/MM/dd HH:mm:ss"); sysDate = dateFormat.format(now); try { item.write(saveFile); } catch (Exception e) { e.printStackTrace(); } } } remark = ChangeDeocode(remark); package_path = ChangeDeocode(package_path); String keep_path = "C:" +SEP+ package_path+SEP+name; String save_path = "C:" +SEP+ package_path; if(!fUtil.isFileExist(save_path)){ fUtil.mkDir("C:" +SEP+ package_path); } fUtil.copyFile(fileFrom, keep_path); if(fUtil.isFileExist(keep_path)){ fUtil.appendMethod(name + "|" + sysDate + "|" + remark+"|"+save_path); } response.getWriter().print(name + "\\" + sysDate + "\\" + remark); } public String ChangeDeocode(final String dataStr) { String ToDeocode = ""; if (dataStr.contains("%")) { char[] charArray = dataStr.toCharArray(); int ToChangeIndex = 0; for (int i = 0; i < charArray.length; i++) { if (i <= ToChangeIndex && i != 0) { continue; } else { if (charArray[i] == '%' && charArray[i + 1] == 'u' && i + 5 < charArray.length) { char[] tempArray = new char[] { charArray[i], charArray[i + 1], charArray[i + 2], charArray[i + 3], charArray[i + 4], charArray[i + 5] }; ToDeocode += decodeUnicode(String.valueOf(tempArray)); ToChangeIndex = i + 5; } else { ToDeocode += charArray[i]; continue; } } } } return ToDeocode; } public String decodeUnicode(final String dataStr) { int start = 0; int end = 0; final StringBuffer buffer = new StringBuffer(); while (start > -1) { end = dataStr.indexOf("\\u", start + 2); String charStr = ""; if (end == -1) { charStr = dataStr.substring(start + 2, dataStr.length()); } else { charStr = dataStr.substring(start + 2, end); } char letter = (char) Integer.parseInt(charStr, 16); // 16进制parse整形字符串。 buffer.append(new Character(letter).toString()); start = end; } return buffer.toString(); } }
2. com.test.tag.MyIteratorTag.java
package com.test.tag; import java.io.File; import java.io.IOException; import java.util.List; import javax.servlet.jsp.JspException; import javax.servlet.jsp.JspWriter; import javax.servlet.jsp.tagext.TagSupport; public class MyIteratorTag extends TagSupport { private final String SEP = File.separator; private List<String[]> files = null; private List<String[]> data = null; private int columnSize = 0; @Override public int doStartTag() throws JspException { // TODO Auto-generated method stub JspWriter out = this.pageContext.getOut(); StringBuffer sf = new StringBuffer(); sf.append("<table style='width:1000;' border='1' cellspacing='0' cellpadding='10'>"); sf.append("<tr><td>"); sf.append("<table style='width:200;' border='0' cellspacing='0'>"); if (this.data == null || this.data.isEmpty()) { sf.append(" <tr>"); sf.append(" <td>"); sf.append(" <B> No Valid Data List is NULL </B> "); sf.append(" </td>"); sf.append(" </tr>"); } else { for (int i = 0; i < data.size(); i++) { String[] trs = data.get(i); sf.append("<tr>"); for (int j = 0; j < trs.length; j++) { switch (j) { case 0: sf.append("<td>"); sf.append("<a href='javascript:ReStartJSP("+i+")'>"+trs[j]+"</a>"); sf.append("<input type='hidden' value='"+trs[j]+"' id='hidden_"+i+"'/>"); sf.append("</td>"); break; case 1: sf.append("<td>"); sf.append("\t"+trs[j]); sf.append("</td>"); break; case 2: sf.append("<td>"); sf.append("張"); sf.append("</td>"); break; case 3: sf.append("<td>"); sf.append("<input type='image' value='"+i+"' src='img"+SEP+"exchange_icon.png' onclick='showDIV(this)'/>"); sf.append("</td>"); break; default: sf.append("<td>"); sf.append("<input type='image' value='"+trs[0]+"' src='img"+SEP+"exchange_icon.png' onclick='showDIV(this)'/>"); sf.append("</td>"); break; } } sf.append("</tr>"); } } sf.append("</table>"); sf.append("</td>"); sf.append("<td>"); sf.append("<table style='width:600;' border='0' cellspacing='0'>"); if(this.files != null && !this.files.isEmpty()){ for (int i = 0; i < files.size(); i++) { String[] trs = files.get(i); sf.append("<tr><u>"); for (int j = 0; j < trs.length; j++) { sf.append("<td>"); sf.append("\t"+trs[j]); sf.append("</td>"); } sf.append("<td>"); sf.append("<input type='image' value='"+trs[1]+"' src='img/uploadify-cancel.png' onclick='deleteFile(this.value)'/>"); // System.out.println("trs["+i+"]"+trs[i]); sf.append("</td>"); sf.append("</u></tr>"); } } sf.append("</table>"); sf.append("</td></tr>"); sf.append("</table>"); try { out.print(sf.toString()); } catch (IOException e) { e.printStackTrace(); throw new JspException(e.getMessage()); } return super.doEndTag(); } public List<String[]> getfiles() { return files; } public void setfiles(List<String[]> files) { this.files = files; } public List<String[]> getData() { return data; } public void setData(List<String[]> data) { this.data = data; } public int getColumnSize() { return columnSize; } public void setColumnSize(int columnSize) { this.columnSize = columnSize; } }
3. com.test.util.FileStringUtil.java
package com.test.util; import java.util.HashMap; import java.util.Map; public class FileStringUtil { public Map<String, String> getFileDetails(String fileString){ Map<String, String> detailMap = new HashMap<>(); String[] splitStr = fileString.split("\\|"); for (int i = 0; i < splitStr.length; i++) { detailMap.put("fileDetail"+i, splitStr[i]); } return detailMap; } }
4. com.test.util.FileUtil.java
package com.test.util; import java.io.BufferedReader; import java.io.BufferedWriter; import java.io.File; import java.io.FileInputStream; import java.io.FileNotFoundException; import java.io.FileOutputStream; import java.io.FileReader; import java.io.FileWriter; import java.io.IOException; import java.io.InputStream; import java.io.InputStreamReader; import java.io.OutputStream; import java.io.OutputStreamWriter; import java.io.Writer; import java.util.ArrayList; import java.util.List; import org.apache.catalina.authenticator.SavedRequest; public class FileUtil { private final String SEP = File.separator; int count = 0; public static String [] getFileName(String path){ File file = new File(path); String [] fileName = file.list(); return fileName; } public boolean isFileExist(String path) { try { File file = new File(path); return file.exists(); } catch (Exception ex) { ex.printStackTrace(); } return false; } public boolean mkDir(String path) { File dir = new File(path); boolean res = dir.mkdirs(); return res; } public List<String> readTxtFile(String filePath) { List<String> resultList = new ArrayList<>(); try { String encoding = "UTF-8"; File file = new File(filePath); if (file.isFile() && file.exists()) { // 判断文件是否存在 InputStreamReader read = new InputStreamReader(new FileInputStream(file), encoding);// 考虑到编码格式 BufferedReader bufferedReader = new BufferedReader(read); String lineTxt = null; while ((lineTxt = bufferedReader.readLine()) != null) { if(lineTxt.length() < 2){ continue; }else { resultList.add(lineTxt); } } read.close(); } else { System.out.println("找不到指定的文件"); } } catch (Exception e) { System.out.println("读取文件内容出错"); e.printStackTrace(); } return resultList; } public List<String> readTxtFileByPath(String filePath,String Path) { String savePath = "c:\\"+Path; List<String> resultList = new ArrayList<>(); try { String encoding = "UTF-8"; File file = new File(filePath); if (file.isFile() && file.exists()) { // 判断文件是否存在 InputStreamReader read = new InputStreamReader(new FileInputStream(file), encoding);// 考虑到编码格式 BufferedReader bufferedReader = new BufferedReader(read); String lineTxt = null; int lineNumber = 0; while ((lineTxt = bufferedReader.readLine()) != null) { lineNumber++; System.out.println("lineNumber "+lineNumber); if(lineTxt.length() < 2){ continue; }else { String lastRead = lineTxt.substring(lineTxt.lastIndexOf("|")+1,lineTxt.length()); String fristRead = lineTxt.substring(0,lineTxt.indexOf("|")); if(lastRead.toUpperCase().equals(savePath.toUpperCase())){ File savePathFile = new File(savePath); File[] files = savePathFile.listFiles(); if(files.length == 0){//當文件夾所有文件不存在時 lineTxt = ""; System.out.println("none file of "+savePath); }else { boolean fileDelete = true; for (int i = 0; i < files.length; i++) { System.out.println("files" + files[i].getName()); System.out.println("fristRead"+fristRead); if(fristRead.equals(files[i].getName())){ //當文件列表中存在一則記錄文件名與列表文件名匹配時,證明文件沒有被刪除 fileDelete = false; } } if (fileDelete) { //文件是否被刪除,是:刪除該條記錄;否:記錄應當存留 deleteLineText(lineNumber); }else { resultList.add(lineTxt); } } } } } read.close(); } else { System.out.println("找不到指定的文件"); } } catch (Exception e) { System.out.println("读取文件内容出错"); e.printStackTrace(); } return resultList; } public void deleteLineText(int lineNum){ // BufferedReader br; try { // br = new BufferedReader(new FileReader("c:/a.txt ")); BufferedReader br = new BufferedReader(new InputStreamReader(new FileInputStream("c:\\a.txt"),"UTF-8")); StringBuffer sb=new StringBuffer(4096); String temp=null; int line=0; while((temp=br.readLine())!=null){ line++; if(line==lineNum) continue; sb.append(temp).append("\r\n"); // sb.append(new String(temp.getBytes("Unicode"), "UTF-8")).append( "\r\n "); } br.close(); OutputStreamWriter write = new OutputStreamWriter(new FileOutputStream("c:/a.txt "),"UTF-8"); BufferedWriter writer=new BufferedWriter(write); // BufferedWriter bw=new BufferedWriter(new FileWriter( "c:/a.txt ")); writer.write(sb.toString()); writer.close(); } catch (FileNotFoundException e) { System.out.println(e.toString()); e.printStackTrace(); } catch (IOException e) { System.out.println(e.toString()); e.printStackTrace(); } } public void writeTxtFile(File file, String fileContent) { try { OutputStreamWriter write = new OutputStreamWriter(new FileOutputStream(file),"UTF-8"); BufferedWriter writer=new BufferedWriter(write); writer.write(fileContent); writer.close(); } catch (Exception e) { e.printStackTrace(); } } public int[] getAllFileSize(String[] filePath){ int[] fileSizeArray = new int[filePath.length]; for (int i = 0; i < filePath.length; i++) { if(!isFileExist("c:\\"+filePath[i])){ mkDir("c:\\"+filePath[i]); } File file = new File("c:\\"+filePath[i]); File[] files = file.listFiles(); fileSizeArray[i] = files.length; } return fileSizeArray; } public String deleteFile(){ String result = ""; if(count == 0){ System.out.println("0"); result = "0"; }else { System.out.println("deleteFile"); result = "deleteFile"; } count++; return result; } public void appendMethod(String content) { try { File file = new File("C:\\a.txt"); if (!file.exists()){ file.createNewFile(); writeTxtFile(file,content); }else { Writer out = new BufferedWriter( new OutputStreamWriter(new FileOutputStream("C:\\a.txt",true),"UTF-8")); out.write("\r\n"+content); out.close(); } } catch (IOException e) { e.printStackTrace(); } } public static boolean copyFile(String fromFile, String toFile) { try { InputStream fosfrom = new FileInputStream(fromFile); OutputStream fosto = new FileOutputStream(toFile); byte bt[] = new byte[4096]; int c; while ((c = fosfrom.read(bt)) > 0) { fosto.write(bt, 0, c); } fosfrom.close(); fosto.close(); bt = null; return true; } catch (Exception ex) { ex.printStackTrace(); return false; } } }
web.xml配置
<?xml version="1.0" encoding="UTF-8"?> <web-app version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"> <servlet> <servlet-name>upload</servlet-name> <servlet-class>com.bijian.study.Upload</servlet-class> </servlet> <servlet-mapping> <servlet-name>upload</servlet-name> <url-pattern>/servlet/Upload</url-pattern> </servlet-mapping> <welcome-file-list> <welcome-file>index.jsp</welcome-file> </welcome-file-list> <jsp-config> <taglib> <!-- 对应的uri jsp中声明的需要用到 --> <taglib-uri>my-taglib</taglib-uri> <!-- 对应标签描述文件所在的位置 --> <taglib-location>/WEB-INF/my-taglib.tld</taglib-location> </taglib> </jsp-config> </web-app>
index.jsp
<%@page import="org.apache.tomcat.jni.File"%> <%@ page language="java" contentType="text/html; charset=utf-8" import="java.util.*" import="com.test.util.*"%> <%@ taglib uri="my-taglib" prefix="myTag"%> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; int SHOW_CONTROL = 0; final String RECORED_PATH = "c:\\a.txt"; String getParameter = request.getParameter("num"); if(getParameter !=null){ System.out.println("getParameter "+getParameter); SHOW_CONTROL = Integer.parseInt(getParameter); }else{ SHOW_CONTROL = 0; } List data = new ArrayList(); String data1[] = new String[]{"相片","代工紙","其他","報價單","圖則"}; int data2[] = new FileUtil().getAllFileSize(data1); for(int i = 0;i<data1.length;i++){ data.add(new String[]{data1[i],data2[i]+"","",""}); } List files = new ArrayList(); List<String> fileList = new FileUtil().readTxtFileByPath(RECORED_PATH,data1[SHOW_CONTROL]); int FILE_SIZE = fileList.size(); int fileID[] = new int[FILE_SIZE]; String fileName[] = new String[FILE_SIZE]; String fileDate[] = new String[FILE_SIZE]; String fileRemark[] = new String[FILE_SIZE]; for(int i=0;i<FILE_SIZE;i++){ Map<String,String> map =new FileStringUtil().getFileDetails(fileList.get(i)); fileID[i] = i+1; fileName[i] = map.get("fileDetail0"); fileDate[i] = map.get("fileDetail1"); fileRemark[i] = map.get("fileDetail2"); files.add(new String[]{fileID[i]+"",fileName[i],fileDate[i],fileRemark[i],""}); } request.setAttribute("data" ,data); request.setAttribute("files" ,files); %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>" rel="external nofollow" > <title>Upload</title> <!--装载文件--> <link href="css/uploadify.css" rel="external nofollow" rel="stylesheet" type="text/css" /> <link href="css/Regist.css" rel="external nofollow" type="text/css" /> <link href="css/jquery.ui.all.css" rel="external nofollow" rel="stylesheet"> <script type="text/javascript" src="uploadify/jquery-1.9.1.js"></script> <script type="text/javascript" src="uploadify/jquery.uploadify.min.js"></script> <!--ready事件--> <script type="text/javascript"> $(document).ready(function() { $("#uploadify").uploadify({ 'method':'get', 'uploader' : 'servlet/Upload', 'swf' : 'uploadify/uploadify.swf', 'cancelImg' : 'img/uploadify-cancel.png', 'folder' : 'uploads',//您想将文件保存到的路径 'queueID' : 'fileQueue',//与下面的id对应 'queueSizeLimit' : 5, 'fileDesc' : 'rar文件或zip文件', 'fileExt' : '*.rar;*.zip', //控制可上传文件的扩展名,启用本项时需同时声明fileDesc 'auto' : false, 'multi' : false, 'uploadLimit' : 10, 'buttonText' : '選擇檔案', 'removeCompleted':false, onUploadStart: function(file) { $('#uploadify').uploadify( 'settings', 'formData', { 'save_path': escape(document.getElementById("save_type_select").options[document.getElementById("save_type_select").selectedIndex].value), 'remark':escape(document.getElementById("remark").value) });} , onUploadSuccess: function (file, data, response) { window.location.reload(); } }); }); function ReStartJSP(num){ location.replace("http://localhost:8080/uploadifyTest/index.jsp?num="+num); } function onload(){ initOptions(); ReadTxtFile(); } function initOptions(){ // alert(isNaN(parseInt(size))); var num = <%=data1.length%>; for(var i = 0;i<num;i++){ var optionText = document.getElementById("hidden_"+i).value; document.getElementById("save_type_select").add(new Option(optionText,optionText)); } } function setOptions(obj){ var SelectObj = document.getElementById("save_type_select"); SelectObj.options[parseInt(obj.value)].selected = true; } function showDIV(obj){ var div = document.getElementById("fileUploadDIV"); if(div.style.display == "none"){ div.style.display = "block"; } setOptions(obj); } function hindDIV(){ var div = document.getElementById("fileUploadDIV"); if(div.style.display == "block"){ div.style.display = "none"; } } function deleteFile(name){ var showMessage = "c:\\"+"<%=data1[SHOW_CONTROL]%>"+"\\"+name; var fso = new ActiveXObject("Scripting.FileSystemObject"); if(fso.FileExists(showMessage)){ fso.DeleteFile(showMessage); alert("delete success!!"); location.replace("http://localhost:8080/uploadifyTest/index.jsp?num="+<%=SHOW_CONTROL%>); } } </script> </head> <body onload="onload()"> <myTag:iter columnSize="4" files="${files}" data="${data}" /> </br></br></br> <div id="fileUploadDIV" style="display:none"> <table id="upload_table" > <tr> <td><select id="save_type_select"></select></td> <td><input type="file" name="uploadify" id="uploadify"/> </td> <td><label>備註:</label ><input type="text" width="100px" id="remark" value='maah%e4u5848在哪呢你5874'/></td> <td><a href="javascript:$('#uploadify').uploadify('upload');" rel="external nofollow" style="font-size:14px;font-weight:normal">上載</a></td> <td><a href="javascript:$('#uploadify').uploadify('cancel'); hindDIV()" rel="external nofollow" style="font-size: 14px; font-weight: normal">取消</a></td> </tr> </table> <div id="fileQueue" ></div> </div> </body> </html>
至此,这个小项目就写到这里,下面是Demo连接
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。