資源簡介
使用js實現(xiàn)圖片截取并上傳到web服務(wù)器。用戶可從本地選擇一張圖片,然后可對選擇的圖片進行拖動、縮放后截取,最后上傳到web服務(wù)器。后臺使用java實現(xiàn)圖片的接收和存儲,上傳的圖片默認保存到項目下的images文件夾中。

代碼片段和文件信息
package?com.yc.servlets;
import?java.io.FileOutputStream;
import?java.io.IOException;
import?java.io.PrintWriter;
import?java.util.Date;
import?java.util.Map;
import?java.util.Random;
import?javax.servlet.ServletException;
import?javax.servlet.http.HttpServlet;
import?javax.servlet.http.HttpServletRequest;
import?javax.servlet.http.HttpServletResponse;
import?javax.servlet.jsp.JspFactory;
import?javax.servlet.jsp.PageContext;
import?sun.misc.base64Decoder;
import?com.yc.utils.UploadUtil;
/**
?*?@author?navy
?*/
@SuppressWarnings(“serial“)
public?class?UploadServlet?extends?HttpServlet?{
private?PrintWriter?out;
public?void?doGet(HttpServletRequest?request?HttpServletResponse?response)?throws?ServletException?IOException?{
doPost(requestresponse);
}
public?void?doPost(HttpServletRequest?request?HttpServletResponse?response)?throws?ServletException?IOException?{
try?{
out=response.getWriter();
UploadUtil?uploadUtil=new?UploadUtil();
PageContext?context=JspFactory.getDefaultFactory().getPageContext(thisrequestresponsenulltrue8192true);
Map?map=uploadUtil.update(context);
base64Decoder?base64=new?base64Decoder();?
//64位解碼??
byte[]?buffer=base64.decodeBuffer(map.get(“imageData“));
//寫進文件??
String?filPath=“images/“+new?Date().getTime()+““+new?Random().nextInt(100000)+“.png“;
filPath=this.getServletContext().getRealPath(filPath);
FileOutputStream?fos=new?FileOutputStream(filPath);??
fos.write(buffer);??
fos.flush();??
fos.close();??
fos=null;??
out.print(1);
}?catch?(Exception?e)?{
e.printStackTrace();
out.print(0);
}
out.flush();
out.close();
}
}
?屬性????????????大小?????日期????時間???名稱
-----------?---------??----------?-----??----
?????目錄???????????0??2015-06-29?21:18??CutOut\
?????文件?????????529??2015-06-07?23:21??CutOut\.classpath
?????目錄???????????0??2015-06-07?23:21??CutOut\.myeclipse\
?????文件?????????291??2015-06-29?21:32??CutOut\.myme
?????文件????????1749??2015-06-29?21:18??CutOut\.project
?????目錄???????????0??2015-06-07?23:21??CutOut\.settings\
?????文件?????????500??2015-06-07?23:21??CutOut\.settings\.jsdtscope
?????文件????????1040??2015-06-29?21:32??CutOut\.settings\com.genuitec.eclipse.j2eedt.core.prefs
?????文件?????????395??2015-06-07?23:21??CutOut\.settings\org.eclipse.jdt.core.prefs
?????文件?????????456??2015-06-29?21:32??CutOut\.settings\org.eclipse.wst.common.component
?????文件?????????252??2015-06-07?23:21??CutOut\.settings\org.eclipse.wst.common.project.facet.core.xm
?????文件??????????49??2015-06-07?23:21??CutOut\.settings\org.eclipse.wst.jsdt.ui.superType.container
?????文件???????????6??2015-06-07?23:21??CutOut\.settings\org.eclipse.wst.jsdt.ui.superType.name
?????目錄???????????0??2015-06-07?23:21??CutOut\src\
?????目錄???????????0??2015-06-08?16:10??CutOut\src\com\
?????目錄???????????0??2015-06-08?16:10??CutOut\src\com\yc\
?????目錄???????????0??2015-06-08?16:14??CutOut\src\com\yc\servlets\
?????文件????????1759??2015-06-29?22:14??CutOut\src\com\yc\servlets\UploadServlet.java
?????目錄???????????0??2015-06-08?16:10??CutOut\src\com\yc\utils\
?????文件????????2540??2015-06-29?21:19??CutOut\src\com\yc\utils\UploadUtil.java
?????目錄???????????0??2015-06-07?23:21??CutOut\WebRoot\
?????目錄???????????0??2015-06-24?21:25??CutOut\WebRoot\css\
?????文件????????2484??2015-06-24?21:51??CutOut\WebRoot\css\st
?????目錄???????????0??2015-06-07?23:49??CutOut\WebRoot\images\
?????文件???????25521??2015-06-24?21:53??CutOut\WebRoot\images\head.jpg
?????文件????????1322??2015-06-24?22:16??CutOut\WebRoot\index.html
?????目錄???????????0??2015-06-08?15:06??CutOut\WebRoot\js\
?????文件????????7484??2015-06-04?09:17??CutOut\WebRoot\js\ajaxfileupload.js
?????文件????????5098??2015-06-27?17:34??CutOut\WebRoot\js\cropbox.js
?????文件????????1754??2015-06-24?22:18??CutOut\WebRoot\js\gethead.js
?????文件???????95957??2015-06-08?15:07??CutOut\WebRoot\js\jquery-1.11.3.min.js
............此處省略13個文件信息
- 上一篇:Android使用的libjpeg庫文件
- 下一篇:jsp導航條 下拉菜單
評論
共有 條評論