javaweb实现文件上传，前端与后台的结合实现
生活随笔
收集整理的這篇文章主要介紹了
javaweb实现文件上传，前端与后台的结合实现
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
大家好，這是原創的文件上傳源碼哦。
希望給大家帶來參考價值。
閱讀注意：
1.只給出了關鍵代碼（但是絕大部分代碼），需要自己小小潤色一下。
2.代碼分為前端與后臺，
3.本人初學者，有錯，望您指出。
4.后臺需要jar包支持：
commons-io-1.3.2.jar
commons-fileupload-1.2.1.jar
5.表單屬性設置：
enctype=“multipart/form-data”
ajax請求頭設置：
this.httpRequest.setRequestHeader(“Content-Disposition”,“multipart/form-data”);
前端代碼：
采用ajax獲取（自己寫的ajax,原理性強）：
ajax.js(ajax重構)
html.js(前端頁面js)
var timer = null; // 上傳文件處理結果回調,ajax,json,原型 function dealupload() {var p = this.httpRequest.responseText;var p1 = p.substr(0, 5);if (p1 == "完成上傳！") {clearInterval(timer);timer = null;alert(p1);return true;} else {document.getElementById("pn").innerHTML = p;document.getElementById("pg").style.width = (p1 * (500 / 100)).toString()+ "px";} }// 上傳文件 function doupload() {var load = new net.AjaxRequest("showprocess.jsp?nocache="+ new Date().getTime(), dealupload, null, "POST");} function dealcancelupload() {alert("你取消了上傳此文件！！！"); } // 取消文件上傳 fileform.onreset = function() {document.getElementById("pg").style.width = "0px";var no = new net.AjaxRequest("cancelupload.jsp?nocache="+ new Date().getTime(), dealcancelupload, null, "POST"); }// 文件預處理上傳 function dealfile(fileform) {var file = document.getElementById("file");if (document.fileform.file.value == "") {alert("請選擇上傳文件！！！");return false;}var filesize = file.files[0].size;if (filesize > 2000 * 1024 * 1024) {alert("請選擇小于2000MB的文件！！！");return false;} else {timer = window.setInterval("doupload()", 300);fileform.submit();} }前端表單代碼(記得引入以上js!!!)：
`<form id="fileform" method="post" action="UploadFile" name="fileform" enctype="multipart/form-data"><br> <%=session.getAttribute("user")+" " %>請您選擇上傳文件： <input type="file" name="file" id="file" style="border: 1px solid; margin: 5px; background-color: #eeeeee;" /> <br> <br><div style="text-align: left; margin-left: 120px;"><div>注意：文件不能大于2000M,登錄后在傳文件</div>當前上傳進度：<div style="border-radius:30px;margin-top: 10px; background-color: #aaeeaa; height: 20px; width: 500px; border: 2px solid snow"><div style="border-radius:30px;background-color: black; height: 20px; width: 0px;" id="pg"></div></div>上傳情況： <span id="pn"></span></div><br> <input type="button" value="上傳" onclick="dealfile(fileform)" /> <input type="reset" value="重新上傳(重置)" /></form>Java后臺：（注意與前端文件名字的統一）
1.一個輸出session的process的jsp(簡單)
2.一個獲取session的cancel的jsp(簡單)
<body> <% session.setAttribute("cancel", "true"); %> </body>`
3.上傳類：
package com.uploadfile; import java.io.*; import javax.servlet.*; import java.util.Iterator; import java.util.List; import org.apache.tomcat.util.http.fileupload.*; @WebServlet(name = "UploadFile", value = "/UploadFile") public class UploadFile extends HttpServlet {private static final long serialVersionUID = 1L;@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {// TODO 自動生成的方法存根this.uploadfile(req, resp);}@Overrideprotected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {// TODO 自動生成的方法存根this.uploadfile(req, resp);}@Overrideprotected void service(HttpServletRequest arg0, HttpServletResponse arg1) throws ServletException, IOException {// TODO 自動生成的方法存根super.service(arg0, arg1);}@Overridepublic void destroy() {// TODO 自動生成的方法存根super.destroy();}@SuppressWarnings("rawtypes")public void uploadfile(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {//解決亂碼req.setCharacterEncoding("UTF-8");resp.setCharacterEncoding("UTF-8");HttpSession session = req.getSession();//取消文件上傳標志session.setAttribute("cancel", "false");//錯誤信息String error = "";//前端響應session.setAttribute("process", "瀏覽器上傳文件中...請耐心等待");//創建DiskFileItemFactory fac = new DiskFileItemFactory();ServletFileUpload upl = new ServletFileUpload(fac);try {// 解析時間需更新客戶端是否取消上傳List items = upl.parseRequest(new ServletRequestContext(req));Iterator it = items.iterator();while (it.hasNext()) {FileItem item = (FileItem) it.next();if (!item.isFormField()) {if (item.getName() != null && !item.getName().equals("")) {long loadsize = item.getSize();String name = item.getName();File temp1 = new File(name);//服務器創建寫入文件File temp = new File(req.getSession().getServletContext().getRealPath("/LoadFile"), temp1.getName());// 存入文件// 客戶端上傳文件讀取InputStream tempr = item.getInputStream();byte[] b = new byte[1024];// 上傳文件存入服務器FileOutputStream wf = new FileOutputStream(temp);// 上傳進度double process = 0;int length = 0;boolean flag = true;while ((length = tempr.read(b)) != -1) {if (session.getAttribute("cancel") == "true") {//如果取消了上傳session.setAttribute("cancel", "false");session.setAttribute("process", "取消上傳中。");wf.flush();wf.close();flag = false;if (temp.exists()) {temp.delete();}break;}process += (length / (double) loadsize) * 100D;wf.write(b);session.setAttribute("process", "服務器寫入進度："+(float) process + "%");}if (flag == true) {wf.flush();wf.close();session.setAttribute("process", "完成上傳！");}Thread.sleep(500);}}}} catch (Exception e) {// TODO 自動生成的 catch 塊e.printStackTrace();error = "服務器出錯";}if (!error.equals("")) {session.setAttribute("process", error + "->失敗");try {Thread.sleep(1000);} catch (InterruptedException e) {// TODO 自動生成的 catch 塊}}//完成服務重定向//req.getRequestDispatcher("WEB-INF/login/welcome.jsp").forward(req, resp);}}完結。
總結
以上是生活随笔為你收集整理的javaweb实现文件上传，前端与后台的结合实现的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 关于eclipse中web项目tomca
- 下一篇： 修改注册表设置默认浏览器