Java實(shí)現(xiàn)文件上傳的兩種方法（uploadify和Spring）
更新時(shí)間：2017年11月20日 14:58:23 作者：Royi666
這篇文章主要為大家詳細(xì)介紹了Java實(shí)現(xiàn)文件上傳的兩種方法，uploadify和Spring實(shí)現(xiàn)文件上傳，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
最近項(xiàng)目中用到的兩種文件上傳方式做一下總結(jié)：
一. uploadify：
uploadify控件的scripts和styles在這里：圖片上傳
JSP：
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="../jsp/include/taglibs.jsp"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Upload</title>
<script src="<c:url value="/scripts/jquery-1.8.3.min.js"/>" type="text/javascript"></script>
<script type="text/javascript" src="<c:url value="/scripts/jquery-admin/jquery-ui.js" />"></script>
<script type="text/javascript" src="<c:url value="/scripts/jquery-admin/component.js" />"></script>
<script type="text/javascript" src="<c:url value="/scripts/jquery-admin/jquery-validate.js" />"></script>
<script type="text/javascript" src="<c:url value="/scripts/jquery-admin/jquery-form.js" />"></script>
<script type="text/javascript"src="<c:url value="/scripts/jquery-admin/init.js" />"></script>
<script type="text/javascript"src="<c:url value="/scripts/jquery-admin/jquery.ui.datepicker-zh-CN.js" />"></script>
<link rel="stylesheet" href="<c:url value='/styles/admin/admin1.css'/>" rel="external nofollow" >
<link href="<c:url value=" rel="external nofollow" rel="external nofollow" /styles/jquery-ui/jquery-ui.css" />" rel="stylesheet" type="text/css" />
<script src="<c:url value="/scripts/jquery-uploadify/jquery.uploadify.min.js"/>" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="<c:url value=" rel="external nofollow" rel="external nofollow" /scripts/jquery-uploadify/uploadify.css"/>">
<style type="text/css">
#jidAttachTable {width:400px;font-size:14px;border:1px solid #d3d3d3;border-left-width:0;border-top-width:0;}
#jidAttachTable td{border: 1px solid #d3d3d3;text-align:left;padding:5px;border-right-width:0;border-bottom-width:0;}
#jidAttachTable .i-i-title{width:450px;}
#jidAttachTable .i-i-content{width:100px;}
</style>
<script type="text/javascript">
$(function(){
//視頻上傳
var uploadVideo = $('#file_upload_video').uploadify({
'buttonText':'上傳視頻',
'multi': false,
'fileTypeDesc': '請(qǐng)選擇wmv視頻文件',
'fileTypeExt': '*.wmv',
'swf' : '<c:url value="/scripts/jquery-uploadify/uploadify.swf"/>"',
'uploader' : '<c:url value="/uploadAttach.do"/>' ,
'onUploadError': uploadVideoUploadError,
'onUploadSuccess':uploadVideoUploadSuccess
});
function uploadVideoUploadError(){
alert("上傳視頻發(fā)生錯(cuò)誤");
}
function uploadVideoUploadSuccess(file, data, response){
var strs_ = data.split("@");
var videoName_ = strs_[0];
var videoPath_ = strs_[1];
$("#vidioPreview").val("/upload/" + videoPath_);
}
var arrAttach = new Array();
//將現(xiàn)有的附件加載到臨時(shí)數(shù)組中
var nowAttachIds_ = "${attachs}";
//初始化現(xiàn)有的附件
if(nowAttachIds_ != null && nowAttachIds_ != ""){
var ids_ = nowAttachIds_.split("@") ;
var i = 0;
for( ; i < ids_.length ; i++){
arrAttach.push(ids_[i]);
}
}
//附件上傳
var uploadAttach = $('#file_upload_attach').uploadify({
'buttonText':'上傳附件',
'multi': false,
'swf' : '<c:url value="/scripts/jquery-uploadify/uploadify.swf"/>"',
'uploader' : '<c:url value="/uploadAttach.do"/>',
'onUploadError': uploadAttachUploadError,
'onUploadSuccess':uploadAttachUploadSuccess
});
function uploadAttachUploadError(){
alert("上傳過程中發(fā)生錯(cuò)誤,您可以嘗試重復(fù)上傳一次！")
}
function uploadAttachUploadSuccess(file, data, response){
var strs_ = data.split("@") ;
var documnetId_ = strs_[0];
var fileName_ = strs_[1];
var attach_ = "<tr class=\"jsClassDeleteAttachButtonTR\"> " +
" <td class='i-i-title'>" + fileName_ + "</td> " +
" <td class='i-i-content'><button class=\"jsClassDeleteAttachButton\" dataAttach="+ documnetId_ +">刪除</button></td>" +
" </tr>";
arrAttach.push(documnetId_);
$("#jidAttachTable").append(attach_);
}
$(".jsClassDeleteAttachButton").live("click",function(){
var data_ = $(this).attr("dataAttach");
var i_ = 0;
for(;i_ < arrAttach.length; i_++){
if(data_ == arrAttach[i_]){
arrAttach.splice(i_,1);
break;
}
}
$(this).parent().parent().remove();
//alert(arrAttach)
});
});
var videotag = "";
$(function() {
$("#PreviewDiv").dialog({
title: "視頻預(yù)覽",
autoOpen: false,
modal: true,
resizable: false,
position : "center",
width: "489px",
buttons: {
"關(guān)閉": function() {
$("#PreviewDiv").dialog("close");
}
}
});
$( "#PreviewDiv" ).on( "dialogopen", function( event, ui ) {
$("#PreviewDiv").html(videotag);
} );
$( "#PreviewDiv" ).on( "dialogclose", function( event, ui ) {
$("#PreviewDiv").html("");
} );
});
var video_root_path = "http://localhost:8080/ProjectTest/";
function openDownloadFrame() {
var _storePreview= video_root_path + $("#vidioPreview").val();
var _embed_head = '<EMBED src=\"';
var _embed_tail = '\" width=\"450\" height=\"400\" type=\"audio/x-wav\" loop=\"false\" autostart=\"true\">' + '</EMBED>';
videotag = _embed_head + _storePreview + _embed_tail;
$("#PreviewDiv").dialog("open");
}
</script>
</head>
<body>
<form:form id="form" name="basedata" modelAttribute="basedata" action="update.do" method="post" >
<div style="height:40px;border:1px solid #ebebeb;padding:10px;">
<div style="width:150px;float:left;">
<input id="file_upload_video" name="file_upload_video" type="file" multiple="true">
</div>
<div style="padding-left:10px;">
<input id="vidioPreview" type="text" name="${bad.attributeStore}" value="${basedata[storeName]}"/>
<input onclick="openDownloadFrame();" type="button" name="button" value="預(yù)覽">
</div>
</div>
<div id='divContext' style="height:40px;border:1px solid #ebebeb;padding:10px;">
<div style="width:150px;float:left;">
<input id="file_upload_attach" name="file_upload_attach" type="file" multiple="true">
</div>
<div class="i-attachContainer">
<table id="jidAttachTable">
<c:forEach items="${attachList}" var="attach">
<tr class="jsClassDeleteAttachButtonTR">
<td class='i-i-title'>${attach.name}</td>
<td class='i-i-content'>
<button class="jsClassDeleteAttachButton" dataAttach="${attach.id}">刪除</button>
</td>
</tr>
</c:forEach>
</table>
</div>
</div>
<div id="PreviewDiv">
</div>
</form:form>
</body>
</html>
后臺(tái)Java：
package com.sun.fileUpload;
import java.io.BufferedOutputStream;
import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;
import java.util.Date;
import java.util.Iterator;
import java.util.LinkedList;
import java.util.List;
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 org.springframework.stereotype.Controller;
import org.springframework.ui.ModelMap;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.multipart.MultipartFile;
@Controller
public class upload{
// 附件上傳
@RequestMapping("/uploadAttach.do")
public void attachUpload(ModelMap modelMap,HttpServletRequest request ,HttpServletResponse response) throws IOException {
System.out.println("upload file .... start");
String savePath = request.getSession().getServletContext().getRealPath("/") + "upload";
System.out.println("store path is :" + savePath);
File f1 = new File(savePath);
if (!f1.exists()) {
f1.mkdirs();
}
DiskFileItemFactory fac = new DiskFileItemFactory();
ServletFileUpload upload = new ServletFileUpload(fac);
upload.setHeaderEncoding("utf-8");
List<FileItem> fileList = null;
try {
fileList = upload.parseRequest(request);
} catch (FileUploadException ex) {
ex.printStackTrace();
return;
}
Iterator<FileItem> it = fileList.iterator();
String name = "";
System.out.println("deal the files ... start");
//存儲(chǔ)完畢保存進(jìn)入數(shù)據(jù)庫(kù)
//Document document = null;
while (it.hasNext()) {
FileItem item = it.next();
if (!item.isFormField()) {
name = item.getName();
long size = item.getSize();
String type = item.getContentType();
if (name == null || name.trim().equals("")) {
continue;
}
System.out.println("dealing file info:" + "fileName" + name + " size" + size + " type:" + type);
//擴(kuò)展名格式：
if (name.lastIndexOf(".") >= 0) {
name.substring(name.lastIndexOf("."));
}
//存文件到磁盤指定路徑 且存儲(chǔ)文件記錄存入數(shù)據(jù)庫(kù)，如果存儲(chǔ)發(fā)生故障，數(shù)據(jù)庫(kù)記錄也會(huì)創(chuàng)建失敗
/* document = new Document();
document.setFileType(extName);
document.setFullName(name);
document.setDescription(name);
document.setName(name);
document.setUploadDate(new Date());
document = documentManager.saveWithFileStore(document,item,savePath,extName);*/
System.out.println(new Date() + "persist id :" + name);
File saveFile = new File(savePath + "/" + name);
try {
item.write(saveFile);
} catch (Exception e) {
e.printStackTrace();
throw new RuntimeException(new Date() + "store file error");
}
}
}
System.out.println("deal the files end");
System.out.println("upload file .... end");
response.getWriter().print(name + "@" + name);
}
}
這里把數(shù)據(jù)庫(kù)更新給省略了，有需要可以自己添加。
除上傳外，其他實(shí)現(xiàn)功能：
1. 視頻上傳后的預(yù)覽功能
2. 視頻是單文件上傳，附件是多文件上傳和刪除
二. Spring默認(rèn)的上傳功能：
JSP：
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="../jsp/include/taglibs.jsp"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Upload</title>
<script src="<c:url value="/scripts/jquery-1.8.3.min.js"/>" type="text/javascript"></script>
<script type="text/javascript" src="<c:url value="/scripts/jquery-admin/jquery-ui.js" />"></script>
<link rel="stylesheet" href="<c:url value='/styles/admin/ace.css'/>" rel="external nofollow" >
<style type="text/css">
.file {
position: relative;
display: inline-block;
background: #428BCA;
border: 1px solid #99D3F5;
border-radius: 4px;
padding: 4px 12px;
overflow: hidden;
color: #000000;
text-decoration: none;
text-indent: 0;
line-height: 20px;
}
.file:link {
color: white;
text-decoration:none;
}
.file input {
position: absolute;
font-size: 100px;
right: 0;
top: 0;
opacity: 0;
}
.file:hover {
background: #1B6AAA;
border-color: #78C3F3;
color: white;
text-decoration: none;
}
</style>
</head>
<body>
<form:form id="fileUploadForm" method="post" action="uploadFile.do" name="uploadfile" modelAttribute="uploadfile" enctype="multipart/form-data">
點(diǎn)擊保存后上傳:
<a href="javascript:;" rel="external nofollow" class="file">選擇文件
<input type="file" name="videoFile" id="videoFile">
</a>
<input type="text" style="width:300px;" id="resourceUrl-field" name="resourceUrl" placeholder="資源地址" class="col-sm-12" value="${uploadfile}"/>
<input type="submit" value="保存" class="btn btn-sm btn-primary">
</form:form>
</body>
</html>
后臺(tái)Java：
package com.sun.fileUpload;
import java.io.BufferedOutputStream;
import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;
import java.util.Date;
import java.util.Iterator;
import java.util.LinkedList;
import java.util.List;
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 org.springframework.stereotype.Controller;
import org.springframework.ui.ModelMap;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.multipart.MultipartFile;
@Controller
public class upload{
@RequestMapping(value = "/uploadFile.do")
public String uploadController(HttpServletRequest request,ModelMap modelMap,
@RequestParam("videoFile") MultipartFile videoFile) throws IllegalStateException, IOException{
String savePath = request.getSession().getServletContext().getRealPath("/") + "upload";
try {
uploadSingleFile(savePath, videoFile, request.getSession().getServletContext().getRealPath("/"));
}catch (Exception e) {
return "/upload";
}
modelMap.addAttribute("uploadfile", "upload/" + videoFile.getOriginalFilename());
return "/upload";
}
/**
*
* @param path 這個(gè)path 是upload的子目錄路徑 比如 path=/image 最終將下載到[root/upload/image/]目錄下
* @param file
* @return
* @throws java.io.IOException
*/
public static String uploadSingleFile(String path, MultipartFile file, String rootPath) {
if (!file.isEmpty()) {
byte[] bytes;
try {
bytes = file.getBytes();
// Create the file on server
File serverFile = new File(path + "/" + file.getOriginalFilename());
BufferedOutputStream stream = new BufferedOutputStream(new FileOutputStream(serverFile));
stream.write(bytes);
stream.close();
System.out.println("Server File Location=" + serverFile.getAbsolutePath());
return getRelativePathFromUploadDir(serverFile, rootPath).replaceAll("\\\\", "/");
} catch (IOException e) {
e.printStackTrace();
}
}else{
System.out.println("文件內(nèi)容為空");
}
return null;
}
/**
*
* @param file
* @return 返回從upload目錄下面的相對(duì)路徑
*/
public static String getRelativePathFromUploadDir(File file, String rootPath){
if(null==file)
return "";
String absolutePath = file.getAbsolutePath();
if(absolutePath.indexOf(rootPath)!=-1 && rootPath.length()<absolutePath.length())
return absolutePath.substring(absolutePath.indexOf(rootPath)+rootPath.length());
else
return "";
}
}
Spring配置文件springmvc-servlet.xml中添加：
<bean id=”multipartResolver” class=”org.springframework.web.multipart.commons.CommonsMultipartResolver”> <property name=”defaultEncoding” value=”UTF-8″ /> </bean>
如果和uploadify同時(shí)使用的話，需要做一些修改，否則uploadify的上傳文件會(huì)被Spring攔截：
<!-- 支持上傳文件 --> lt;bean id="multipartResolver" class="org.sun.com.MyMultipartResolver"> <!--設(shè)置上傳文件的編碼格式，用于解決上傳的文件中文名亂碼問題 --> <property name="defaultEncoding"> <value>UTF-8</value> </property> <property name="excludeUrls" value="/uploadAttach.do,/uploadVideo.do"/> lt;/bean>
org.sun.com.MyMultipartResolver：
package org.sun.com;
import javax.servlet.http.HttpServletRequest;
import org.springframework.web.multipart.commons.CommonsMultipartResolver;
/**
* @author Sun
*/
public class MyMultipartResolver extends CommonsMultipartResolver {
private String excludeUrls;
private String[] excludeUrlArray;
public String getExcludeUrls() {
return excludeUrls;
}
public void setExcludeUrls(String excludeUrls) {
this.excludeUrls = excludeUrls;
this.excludeUrlArray = excludeUrls.split(",");
}
/**
* 這里是處理Multipart http的方法。如果這個(gè)返回值為true,那么Multipart http body就會(huì)MyMultipartResolver 消耗掉.如果這里返回false
* 那么就會(huì)交給后面的自己寫的處理函數(shù)處理例如剛才ServletFileUpload 所在的函數(shù)
* @see org.springframework.web.multipart.commons.CommonsMultipartResolver#isMultipart(javax.servlet.http.HttpServletRequest)
*/
@Override
public boolean isMultipart(HttpServletRequest request) {
for (String url: excludeUrlArray) {
// 這里可以自己換判斷
if (request.getRequestURI().contains(url)) {
return false;
}
}
return super.isMultipart(request);
}
}
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- JavaServlet的文件上傳和下載實(shí)現(xiàn)方法
- java 網(wǎng)絡(luò)編程之TCP通信和簡(jiǎn)單的文件上傳功能實(shí)例
- Java實(shí)現(xiàn)文件上傳服務(wù)器和客戶端
- java實(shí)現(xiàn)多文件上傳至本地服務(wù)器功能
- Java實(shí)現(xiàn)文件上傳至服務(wù)器的方法
- java文件上傳至ftp服務(wù)器的方法
- SpringBoot文件上傳控制及Java 獲取和判斷文件頭信息
- Java實(shí)現(xiàn)的文件上傳下載工具類完整實(shí)例【上傳文件自動(dòng)命名】
- Retrofit+Rxjava實(shí)現(xiàn)文件上傳和下載功能
- RxJava+Retrofit+OkHttp實(shí)現(xiàn)文件上傳
- java組件SmartUpload和FileUpload實(shí)現(xiàn)文件上傳功能
- java 文件上傳（單文件與多文件）
- Java 文件上傳的實(shí)例詳解
- 全面分析Java文件上傳
相關(guān)文章
Java基于裝飾者模式實(shí)現(xiàn)的染色饅頭案例詳解
這篇文章主要介紹了Java基于裝飾者模式實(shí)現(xiàn)的染色饅頭案例,簡(jiǎn)單描述了裝飾者模式的概念、原理及Java使用裝飾者模式的相關(guān)實(shí)現(xiàn)步驟、操作技巧與注意事項(xiàng),需要的朋友可以參考下2018-05-05
這篇文章主要為大家詳細(xì)介紹了Java實(shí)現(xiàn)簡(jiǎn)單小畫板，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-06-06
Ubuntu安裝jenkins完成自動(dòng)化構(gòu)建詳細(xì)步驟
Jenkins是一個(gè)開源的自動(dòng)化服務(wù)器,可以用來輕松地建立持續(xù)集成和持續(xù)交付(CI/CD)管道,這篇文章主要給大家介紹了關(guān)于Ubuntu安裝jenkins完成自動(dòng)化構(gòu)建的相關(guān)資料,需要的朋友可以參考下2024-03-03
這篇文章主要介紹了Java創(chuàng)建子線程的兩種方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05
Java使用阻塞隊(duì)列控制線程通信的方法實(shí)例詳解
這篇文章主要介紹了Java使用阻塞隊(duì)列控制線程通信的方法,結(jié)合實(shí)例形式詳細(xì)分析了java使用阻塞隊(duì)列控制線程通信的相關(guān)原理、方法及操作注意事項(xiàng),需要的朋友可以參考下2019-09-09
這篇文章主要介紹了java如何刪除非空文件夾問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-06-06
java接收文件流+response.body()調(diào)用兩次問題(分別接收文件和對(duì)象)
這篇文章主要介紹了java接收文件流+response.body()調(diào)用兩次問題(分別接收文件和對(duì)象),具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-06-06
Spring使用注解實(shí)現(xiàn)Bean的自動(dòng)裝配
大家好，本篇文章主要講的是Spring使用注解實(shí)現(xiàn)Bean的自動(dòng)裝配，感興趣的同學(xué)趕快來看一看吧，對(duì)你有幫助的話記得收藏一下2022-02-02
詳談Enumeration接口和Iterator接口的區(qū)別
下面小編就為大家?guī)硪黄斦凟numeration接口和Iterator接口的區(qū)別。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-08-08
Java使用Hutool實(shí)現(xiàn)AES、DES加密解密的方法
本篇文章主要介紹了Java使用Hutool實(shí)現(xiàn)AES、DES加密解密的方法，具有一定的參考價(jià)值，有興趣的可以了解一下2017-08-08