SpringMVC MultipartFile 异步批量上传文件
使用MultipartFile，前端通过异步方式提交，以上传图片做个简例，只介绍前端及处理层代码
需求简述：
1、spring配置
32505856
4096
2、FTP配置
本机模仿搭建FTP服务，配置简易FTP服务，启动服务
3、FTP操作工具类FileUtils.java,用于处理层调用
package lv.you.util;
import java.io.*;
import java.util.*;
import org.apache.commons.net.ftp.FTP;
import org.apache.commons.net.ftp.FTPClient;
import org.apache.commons.net.ftp.FTPFile;
import org.apache.commons.net.ftp.FTPReply;
import org.springframework.web.multipart.commons.CommonsMultipartFile;
public class FileUtils {
private static int offset = 149;
private static String enCodeStr = "utf-8";
//通过配置文件读取FTP配置
//暂写死
private static String ftp_ip = "localhost";//服务IP
private static int ftp_port = 21;//端口
private static String ftp_user = "ftp1";//账号
private static String ftp_password = "123";//密码
private static String ftp_upload = "/upload";//上传目录
/**
* 把目录下所有文件，上传文件到FTP服务
* @param hostname 配置主机名称
* @param path ftp远程文件路径
* @throws Exception 抛出的异常
*/
public static int uploadFTPForDir(String hostname,String ftppath,String path)throws Exception {
int re = 0;
File file = new File(path);
if(!file.isDirectory()){
throw new Exception("找不到目录为："+path);
}
FTPClient c = new FTPClient();
int reply;
try {
//链接ftp服务
c.connect(ftp_ip, ftp_port);
//登陆
boolean b = c.login(ftp_user,ftp_password);
if(!b){
throw new Exception("登陆FTP不成功！");
}
reply = c.getReplyCode();
if(!FTPReply.isPositiveCompletion(reply)){
c.disconnect();
}
c.changeWorkingDirectory(ftppath);
//上传文件
File[] f = file.listFiles();
InputStream input = null;
int count = 0;
for(int i=0;i0){
throw new Exception("总共"+f.length+"文件，有"+(re)+"文件上传不成功！");
}
} catch (IOException e) {
throw new Exception("未能连接上Ftp服务器！");
} finally{
if(c.isConnected()){
try{
c.disconnect();
}catch(IOException ioe){
ioe.printStackTrace();
}
}
}
return re;
}
/**
* 文件流生成文件上传到FTP
* @param file CommonsMultipartFile
* @param id 生成文件命名
* @throws Exception 抛出的异常
*/
public static int uploadFTPForIns(CommonsMultipartFile file, String id)throws Exception {
int re = 0;
FTPClient c = new FTPClient();
int reply;
try {
//链接ftp服务
c.connect(ftp_ip, ftp_port);
//登陆
boolean b = c.login(ftp_user,ftp_password);
if(!b){
throw new Exception("登陆FTP不成功！");
}
reply = c.getReplyCode();
if(!FTPReply.isPositiveCompletion(reply)){
c.disconnect();
}
c.changeWorkingDirectory(ftp_upload);
if(file.getOriginalFilename().endsWith(".eh")||file.getOriginalFilename().endsWith(".wf")||file.getOriginalFilename().endsWith(".txt")){
c.setFileType(FTP.ASCII_FILE_TYPE);
}else{
c.setFileType(FTP.BINARY_FILE_TYPE);
}
InputStream input = file.getInputStream();
boolean b2 = c.storeFile(encoding(id,enCodeStr,"iso-8859-1"), input);
input.close();
c.logout();
} catch (IOException e) {
throw new Exception("未能连接上Ftp服务器！");
} finally{
if(c.isConnected()){
try{
c.disconnect();
}catch(IOException ioe){
ioe.printStackTrace();
}
}
}
return re;
}
/**
*
* @param 根据文件名从FTP读取输出Byte[]
*/
public static byte[] getFileByte(String fileid)throws Exception{
byte[] bytes = null;
FTPClient c = new FTPClient();
int reply;
try {
//链接ftp服务
c.connect(ftp_ip, ftp_port);
//登陆
boolean b = c.login(ftp_user,ftp_password);
if(!b){
throw new Exception("登陆FTP不成功！");
}
reply = c.getReplyCode();
if(!FTPReply.isPositiveCompletion(reply)){
c.disconnect();
}
c.changeWorkingDirectory(ftp_upload);
//windows环境下需设置UTF-8编码
c.setControlEncoding(enCodeStr);
FTPFile[] fs = c.listFiles();
for(FTPFile f:fs){
if(!f.isFile()){
continue;
}
if (f.getName().equals(fileid)){
InputStream in = null;
c.setBufferSize(1024);
c.setFileType(c.BINARY_FILE_TYPE);
fileid = new String(fileid.getBytes("UTF-8"), "ISO-8859-1");
in = c.retrieveFileStream(fileid);
bytes = input2byte(in);
in.close();
}
}
c.logout();
} catch (IOException e) {
throw new Exception("未能连接上Ftp服务器！");
} finally{
if(c.isConnected()){
try{
c.disconnect();
}catch(IOException ioe){
ioe.printStackTrace();
}
}
}
return bytes;
}
public static byte[] input2byte(InputStream inStream)
throws IOException{
ByteArrayOutputStream swapStream = new ByteArrayOutputStream();
byte[] buff = new byte[100];
int rc = 0;
while ((rc = inStream.read(buff, 0, 100)) > 0)
{
swapStream.write(buff, 0, rc);
}
byte[] in2b = swapStream.toByteArray();
swapStream.close();
return in2b;
}
/**
* 下载文件
* @param hostname 主机
* @param ftppath 远程路径
* @param filter 过滤器
* @return 返回文件名称
*/
public static String[] getFTPFileForDir(String hostname,String ftppath,String loaclpath)throws Exception{
String[] fileName = new String[0];
FTPClient c = new FTPClient();
int reply;
try {
//链接ftp服务
c.connect(ftp_ip, ftp_port);
//登陆
boolean b = c.login(ftp_user,ftp_password);
if(!b){
throw new Exception("登陆FTP不成功！");
}
reply = c.getReplyCode();
if(!FTPReply.isPositiveCompletion(reply)){
c.disconnect();
}
c.changeWorkingDirectory(ftppath);
//windows环境下需设置UTF-8编码
c.setControlEncoding(enCodeStr);
FTPFile[] fs = c.listFiles();
createDir(loaclpath);
for(FTPFile f:fs){
if(!f.isFile()){
continue;
}
File f_loc = new File(loaclpath+f.getName());
OutputStream os = new FileOutputStream(f_loc);
c.retrieveFile(encoding(f.getName(), enCodeStr, "iso-8859-1"), os);
os.close();
}
c.logout();
} catch (IOException e) {
throw new Exception("未能连接上Ftp服务器！");
} finally{
if(c.isConnected()){
try{
c.disconnect();
}catch(IOException ioe){
ioe.printStackTrace();
}
}
}
return fileName;
}
/**
* 读取FTP文件
* @param path 文件路径
* @return 返回文件内容
*/
public static String readFTPFile(FTPClient c,String fileName){
String fileCon = "";
InputStream is = null;
try {
is = c.retrieveFileStream(fileName);
if(is==null){
return null;
}
int len=is.available();
if(len>0){
byte[] b = new byte[len];
is.read(b);
fileCon = new String(b,"GBK");
}
} catch (FileNotFoundException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
}finally{
if(is!=null){
try {
is.close();
} catch (IOException e) {
e.printStackTrace();
}
}
}
return fileCon;
}
/**
* 重命名FTP文件
* @param hostname 主机
* @param ftppath 远程路径
* @param ftppath 远程路径bak
* @param fileList 需要重命名的文件
* @return 返回文件名称
* @throws Exception
*/
public static void reNameFTPFile(String hostname,String ftppath,String ftppath_bak,List fileList) throws Exception{
FTPClient c = new FTPClient();
int reply;
try {
//链接ftp服务
c.connect(ftp_ip, ftp_port);
//登陆
boolean b = c.login(ftp_user,ftp_password);
if(!b){
throw new Exception("登陆FTP不成功！");
}
reply = c.getReplyCode();
if(!FTPReply.isPositiveCompletion(reply)){
c.disconnect();
}
c.changeWorkingDirectory(ftppath);
boolean isC = createFtpDir(c,ftppath_bak);
if(!isC){
throw new Exception("备份文件夹["+ftppath_bak+"]创建失败！");
}
//把文件移入备份文件夹
for(String fileName:fileList){
boolean re_b = c.rename(encoding(fileName, enCodeStr, "iso-8859-1"), encoding(ftppath_bak+fileName, enCodeStr, "iso-8859-1"));
System.out.println(re_b);
}
} catch (IOException e) {
throw new Exception(e.getMessage());
} finally{
if(c.isConnected()){
try{
c.disconnect();
}catch(IOException ioe){
ioe.printStackTrace();
}
}
}
}
private static boolean createFtpDir(FTPClient c, String dir) throws IOException{
String _dir = c.printWorkingDirectory();
if(c.changeWorkingDirectory(dir)){
c.changeWorkingDirectory(_dir);
return true;
}else{
boolean b = c.makeDirectory(dir);
c.changeWorkingDirectory(_dir);
return b;
}
}
/**
* 写文件
* @param fileCon 文件内容
* @param path 写入文件的路径
*/
public static void writhFile(String fileCon,String path){
//创建路径
createDir(path);
//写文件
File f = new File(path);
FileOutputStream fos = null;
try {
if(!f.isFile()){
f.createNewFile();
}
fos = new FileOutputStream(f);
byte[] b = fileCon.getBytes("GBK");
fos.write(b);
} catch (FileNotFoundException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
}finally{
if(fos!=null){
try {
fos.close();
} catch (IOException e) {
e.printStackTrace();
}
}
}
}
/**
*
* @param fileCon
* @param path
* @param encode
* 按编码写入文件
*/
public static void writhFile(String fileCon,String path,String encode ){
if(encode !=null){
//创建路径
createDir(path);
//写文件
File f = new File(path);
FileOutputStream fos = null;
try {
if(!f.isFile()){
f.createNewFile();
}
fos = new FileOutputStream(f);
byte[] b = fileCon.getBytes(encode);
fos.write(b);
} catch (FileNotFoundException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
}finally{
if(fos!=null){
try {
fos.close();
} catch (IOException e) {
e.printStackTrace();
}
}
}
}else{
writhFile(fileCon,path);
}
}
/**
* 创建路径，存在时不创建，不存在时创建
* @param path 路径
*/
private static void createDir(String path){
//检验路径是否存在
String _path = "";
if(path.endsWith("/")){
_path=path;
}else{
String[] paths = path.split("/");
for(int i=0;i0){
_path = _path + paths[i]+"/";
}
}
}
File dir = new File(_path);
if(!dir.isDirectory()){
dir.mkdirs();
}
}
/**
* 创建路径，存在时不创建，不存在时创建
* @param path 路径
*/
public static boolean delDir(String path){
File dir = new File(path);
if(dir.isDirectory()){
String[] children = dir.list();
//递归删除目录中的子目录下
for (int i=0;i500){
offset = 149;
}
return str+""+micro;
}
/**
* 解析WF文件内容
* @param fileConEh
* @return
*/
public static String[] parseWfFileContent(String fileConWf,String bdName,String[] key){
String[] value = new String[key.length];
String bdBegin = "<"+bdName+">";
String bdEnd = "";
int beginIndex = 0;
int endIndex = 0;
//数据头
beginIndex = fileConWf.indexOf(bdBegin);
endIndex = fileConWf.indexOf(bdEnd);
//数据体
String dataStr = fileConWf.substring(beginIndex+bdBegin.length()+1, endIndex);
//String[] dataStrs = dataStr.trim().split("[|\\n|\\r]");
for(int i=0;i 4、Controller层处理
package lv.you.controller;
import javax.annotation.Resource;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import lv.you.bean.Slide;
import lv.you.service.SlideService;
import lv.you.util.FileUtils;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.multipart.MultipartFile;
import org.springframework.web.multipart.commons.CommonsMultipartFile;
@Controller
@RequestMapping("slide")
public class SlideController {
@Resource
private SlideService slideService;
/**
* 上传单个图片
* @param file
* @param response
*/
@RequestMapping("file")
public void addSlide(@RequestParam("file") CommonsMultipartFile file,HttpServletResponse response){
try {
String id = java.util.UUID.randomUUID().toString();
FileUtils.uploadFTPForIns(file,id);
Slide slide = new Slide();
slide.setId(id);
slide.setFlag("1");
slide.setImgurl(file.getOriginalFilename());
slideService.addSlide(slide);
response.getWriter().write(slide.getId());
response.getWriter().flush();
} catch (Exception e) {
e.printStackTrace();
}
}
/**
* 批量上传图片
* @param files
* @param response
*/
@RequestMapping("batchfile")
public void addBatchSlide(@RequestParam("files") MultipartFile[] files,HttpServletResponse response){
String ids = "";
try {
for(int i = 0;i5、前端
html
单图片上传
1、
预览
![]()
批量图片上传
1、
2、
3、
4、
预览
预览图1 ![]()
预览图2 ![]()
预览图3 ![]()
预览图4 ![]()
相关前端插件：jquery.mloading.js，jquery-1.6.2.min.js
function uploadpic(){
$("body").mLoading({
text:"正在上传,请稍后...",//加载文字，默认值：加载中...
icon:"",//加载图标，默认值：一个小型的base64的gif图片
html:false,//设置加载内容是否是html格式，默认值是false
content:"",//忽略icon和text的值，直接在加载框中显示此值
mask:true//是否显示遮罩效果，默认显示
});
var formData = new FormData();
formData.append("file", document.getElementById("file").files[0]);
$.ajax({
contentType:"multipart/form-data",//必须要
url:"/citys/slide/file.do",
type: "POST",
data: formData,
contentType: false,
processData: false,
success: function (data) {
showPic(data,".myimg");
$("body").mLoading("hide");//隐藏loading组件
alert("上传成功");
},
error: function () {
alert("上传失败");
}
});
}
//多图片上传
function batchuploadpic(){
$("body").mLoading({
text:"正在上传,请稍后...",//加载文字，默认值：加载中...
icon:"",//加载图标，默认值：一个小型的base64的gif图片
html:false,//设置加载内容是否是html格式，默认值是false
content:"",//忽略icon和text的值，直接在加载框中显示此值
mask:true//是否显示遮罩效果，默认显示
});
var formData = new FormData();
var filesObj = document.getElementsByName("files");
for(var i=0;i