java upload.js_Java中利用ajaxfileupload.js組件實現文件的上傳功能

快来打我* 2022-10-22 14:50 90阅读 0赞

![a493737c1d3de7f8033eb5088b5f0fd0.png][]

概要：

在Java中，利用ajaxfileupload.js+commons-fileupload-1.3.1.jar 實現文件上傳功能。

關鍵字：

Java,上傳,ajaxfileupload,fileupload

內容:

進行Web方面的開發時，文件上傳是經常會使用到的，所以如果能有一個簡單、實用、性能良好的上傳組件，我想是極好的，那麼ajaxfileupload.js應該是個不錯的選擇，下面我就分享一次我的使用經驗。

這次文件上傳的整個過程主要有一個Jsp文件、一個Java文件、一個Js文件組成，首先我們來看一下Jsp頁面的代碼：

文件1：upload.jsp

是的，你沒有看錯，jsp頁面就只要這兩行代碼，接下來是js文件的代碼。

文件2：upload.js

var basePath = null;

$(function() \{

basePath = $("\#basePath").attr("value");

$("\#scbtn").click(function() \{

ajaxFileUpload();

\});

// 文件上傳

function ajaxFileUpload() \{

$.ajaxFileUpload(\{

url : basePath + "upload.ajax",// 用於文件上傳的服務器端請求地址

secureuri : false,// 一般設置為false

fileElementId : 'attachfiles',// 文件上傳控件的id屬性

dataType : 'json',// 返回值類型 一般設置為json

enctype : "multipart/form-data",

success : function(data, status) // 服務器成功響應處理函數

\},

error : function(data, status, e) \{

\});

return false;

Js部分的代碼主要是利用jQuery中發送ajax請求，訪問後台的代碼，那麼接下來自然就是Java代碼,你準備好了嗎？

文件3：UploadAjaxManager.java

package org.4spaces.demo;

import java.io.File;

import java.io.IOException;

import java.io.UnsupportedEncodingException;

import java.util.ArrayList;

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;

/\*\*

\* @author ：https://www.4spaces.org

\*/

public class UploadAjaxManager extends HttpServlet \{

private static final long serialVersionUID = 1L;

protected void doGet(HttpServletRequest request,

HttpServletResponse response) throws ServletException, IOException \{

String uri = request.getRequestURI();

int startIndex = uri.lastIndexOf("/") + 1;

int endIndex = uri.lastIndexOf(".");

String action = uri.substring(startIndex, endIndex);

if (action.equals("upload")) \{

try \{

request.setCharacterEncoding("UTF-8");

\} catch (UnsupportedEncodingException e1) \{

e1.printStackTrace();

DiskFileItemFactory fac = new DiskFileItemFactory();

ServletFileUpload upload = new ServletFileUpload(fac);

upload.setHeaderEncoding("UTF-8");

List fileList = new ArrayList();

try \{

fileList = upload.parseRequest(request);

\} catch (FileUploadException ex) \{

ex.printStackTrace();

String targetPath = request.getSession().getServletContext()

.getRealPath("jsp/upload")

\+ "/";

String fileName = "blank.doc";

for (FileItem item : fileList) \{

if (!item.isFormField()) \{

fileName = item.getName();

File saveFile = new File(targetPath + fileName);

try \{

item.write(saveFile);

\} catch (Exception e) \{

e.printStackTrace();

protected void doPost(HttpServletRequest request,

HttpServletResponse response) throws ServletException, IOException \{

doGet(request, response);

當然，上面的代碼一定不要忘記導包： commons-fileupload-1.3.1.jar和commons-io-2.4.jar.

好了，有了上面的代碼，你就可以輕鬆的實現上傳文件了。

PS:

奉上完整的工程和代碼的地址：工程源代碼 ；

參考文章：https://www.cnblogs.com/kissdodog/archive/2012/12/15/2819025.html ；

[a493737c1d3de7f8033eb5088b5f0fd0.png]: /images/20221022/20d2f610c4984746b23ff811658e8626.png

java upload.js_Java中利用ajaxfileupload.js組件實現文件的上傳功能

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 Vue里實現Spliter的組件

相关一個小案例搞清楚Arrays.sort實現原理

相关 php路由mvc,PHP簡單實現MVC框架路由功能模式

相关 java upload.js_Java中利用ajaxfileupload.js組件實現文件的上傳功能

相关把com組件轉化為winForm組件

相关 C# ListView 鼠標滑動實現多選

相关 Web Js實現Spliter功能

相关 HttpWebRequest 實現多文件和多參數傳送

相关步步為營實現多層架構

相关 ASP + Serv-u 實現FTP的代碼