利用angular-file-upload插件批量传递文件到ftp服务器
来源:互联网 发布:excel表函数数据分类 编辑:程序博客网 时间:2024/05/18 18:17
公司项目用到AngularJS,做批量文件上传,研究了一下,准备用angular-file-upload插件来实现,由于AngularJS也是刚刚接触,很多东西不熟,查阅了大量博客、文档,修改了例子中的错误,最后实现了效果,记录一下,为新手填些坑。
查考博客:
http://bbs.csdn.net/topics/392037244
http://blog.csdn.net/w410589502/article/details/53906145
http://www.cnblogs.com/chenfei0801/p/3427310.html
1:导入js包
angular-file-upload.min.js
2:配置
Spring-mvc.xml
<beanid="multipartResolver"class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
<propertyname="maxUploadSize"value="1048576"/>
</bean>
3:maven依赖
<dependency>
<groupId>commons-net</groupId>
<artifactId>commons-net</artifactId>
<version>3.3</version>
</dependency>
<dependency>
<groupId>commons-io</groupId>
<artifactId>commons-io</artifactId>
<version>2.2</version>
</dependency>
4:页面
多选
<inputtype="file"nv-file-select=""uploader="uploader"multiple /><br/>
单选
<input type="file" nv-file-select=""uploader="uploader"/>
<buttontype="button"class="btnbtn-success btn-s"ng-click="uploader.uploadAll()"ng-disabled="!uploader.getNotUploadedItems().length">
<spanclass="glyphiconglyphicon-upload"></span>
全部上传
</button>
5:js(controller)
'use strict';
angular
.module('app', ['angularFileUpload'])
.controller('AppController', ['$scope','FileUploader',function($scope, FileUploader) {
var uploader = $scope.uploader =new FileUploader({
url:'upload.do',
method: 'POST',
//带入值
formData :[{test:1}]
});
// FILTERS
uploader.filters.push({
name: 'customFilter',
fn: function(item/*{File|FileLikeObject}*/, options) {
returnthis.queue.length < 10;
}
});
// CALLBACKS
uploader.onWhenAddingFileFailed = function(item/*{File|FileLikeObject}*/, filter, options) {
console.info('onWhenAddingFileFailed', item, filter, options);
};
uploader.onAfterAddingFile = function(fileItem) {
console.info('onAfterAddingFile', fileItem);
};
uploader.onAfterAddingAll = function(addedFileItems) {
console.info('onAfterAddingAll', addedFileItems);
};
uploader.onBeforeUploadItem = function(item) {
console.info('onBeforeUploadItem', item);
};
uploader.onProgressItem = function(fileItem, progress) {
console.info('onProgressItem', fileItem, progress);
};
uploader.onProgressAll = function(progress) {
console.info('onProgressAll', progress);
};
uploader.onSuccessItem = function(fileItem, response, status, headers) {
console.info('onSuccessItem', fileItem, response, status, headers);
};
uploader.onErrorItem = function(fileItem, response, status, headers) {
console.info('onErrorItem', fileItem, response, status, headers);
};
uploader.onCancelItem = function(fileItem, response, status, headers) {
console.info('onCancelItem', fileItem, response, status, headers);
};
uploader.onCompleteItem = function(fileItem, response, status, headers) {
console.info('onCompleteItem', fileItem, response, status, headers);
};
uploader.onCompleteAll = function() {
console.info('onCompleteAll');
};
console.info('uploader', uploader);
}]);
6:java
@Controller
public class UploadController {
Log LOG = LogFactory.getLog(SysParamMgrController.class);
@RequestMapping(value="/upload.do", method = RequestMethod.POST)
public @ResponseBody void editItemsSubmitJSON(HttpServletRequestrequest,
@RequestParam("file") MultipartFilefile,MultipartHttpServletRequestMultiRequest)
throws Exception {
try {
//带入数据预留点
DefaultMultipartHttpServletRequest defaultRequest = (DefaultMultipartHttpServletRequest) MultiRequest;
MultiValueMap fileMap =defaultRequest.getMultiFileMap();
Map<String, String[]> params =defaultRequest.getParameterMap();
if (params.size() > 0) {
String[] str =params.get("test");
if (str.length > 0)
System.out.println(str[0]);
}
// 原始名称
String originalFilename = file.getOriginalFilename();
// 上传文件
if (file !=null &&originalFilename != null
&& originalFilename.length() > 0) {
//上传至FTP
//项目本地文件存放路径
String basePath ="/test";
String uploadFileName =file.getOriginalFilename();
String fileStoredPath = "/upload/";
if (StringUtils.isNotBlank(uploadFileName)) {
//截取文件格式名
String suffix =uploadFileName.substring(uploadFileName.indexOf("."));
//重新拼装文件名 (可修改文件名预留)
String newFileName =originalFilename;
String savePath =basePath+"/" +newFileName;
File saveFile =new File(savePath);
File parentFile =saveFile.getParentFile();
Boolean a=saveFile.exists();
if (saveFile.exists()) {
saveFile.delete();
} else {
if (!parentFile.exists()) {
parentFile.mkdirs();
}
}
//复制文件到指定路径
FileUtils.copyInputStreamToFile(file.getInputStream(),saveFile);
//上传文件到服务器
String b=saveFile.getName();
FTPClientUtil.upload(saveFile,fileStoredPath);
}
}
} catch (Exceptionex) {
System.out.println(ex.getMessage());
}
}
}
7 ftp上传工具类
package com.xunfang.tools;
import java.io.File;
import java.io.FileInputStream;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.io.OutputStream;
import java.net.SocketException;
import java.util.HashMap;
import java.util.Map;
import java.util.Properties;
import org.apache.commons.lang.StringUtils;
import org.apache.commons.net.ftp.FTP;
import org.apache.commons.net.ftp.FTPClient;
import org.apache.commons.net.ftp.FTPReply;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
/**
* FTP客户端工具
*/
public class FTPClientUtil {
/**
* 日志
*/
private static final Logger LOGGER = LoggerFactory.getLogger(FTPClientUtil.class);
/**
* FTP server configuration--IP key,value is type of String
*/
public static final String SERVER_IP = "SERVER_IP";
/**
* FTP server configuration--Port key,value is type of Integer
*/
public static final String SERVER_PORT = "SERVER_PORT";
/**
* FTP server configuration--ANONYMOUS Log in key, value is type of Boolean
*/
public static final String IS_ANONYMOUS = "IS_ANONYMOUS";
/**
* user name of anonymous log in
*/
public static final String ANONYMOUS_USER_NAME = "anonymous";
/**
* password of anonymous log in
*/
public static final String ANONYMOUS_PASSWORD = "";
/**
* FTP server configuration--log in user name, value is type of String
*/
public static final String USER_NAME = "USER_NAME";
/**
* FTP server configuration--log in password, value is type of String
*/
public static final String PASSWORD = "PASSWORD";
/**
* FTP server configuration--PASV key, value is type of Boolean
*/
public static final String IS_PASV = "IS_PASV";
/** 本地字符编码 */
private static String LOCAL_CHARSET = "GBK";
// FTP协议里面,规定文件名编码为iso-8859-1
private static String SERVER_CHARSET = "ISO-8859-1";
/**
* FTP server configuration--working directory key, value is type of String While logging in, the current directory
* is the user's home directory, the workingDirectory must be set based on it. Besides, the workingDirectory must
* exist, it can not be created automatically. If not exist, file will be uploaded in the user's home directory. If
* not assigned, "/" is used.
*/
public static final String WORKING_DIRECTORY = "WORKING_DIRECTORY";
public static Map<String, Object> serverCfg = new HashMap<String, Object>();
static Properties prop;
static{
LOGGER.info("开始加载ftp.properties文件!");
prop = new Properties();
try {
InputStream fps = FTPClientUtil.class.getResourceAsStream("/ftp.properties");
prop.load(fps);
fps.close();
} catch (Exception e) {
LOGGER.error("读取ftp.properties文件异常!",e);
}
serverCfg.put(FTPClientUtil.SERVER_IP, values("SERVER_IP"));
serverCfg.put(FTPClientUtil.SERVER_PORT, Integer.parseInt(values("SERVER_PORT")));
serverCfg.put(FTPClientUtil.USER_NAME, values("USER_NAME"));
serverCfg.put(FTPClientUtil.PASSWORD, values("PASSWORD"));
LOGGER.info(String.valueOf(serverCfg));
}
/**
* Upload a file to FTP server.
*
* @param serverCfg : FTP server configuration
* @param filePathToUpload : path of the file to upload
* @param fileStoredName : the name to give the remote stored file, null, "" and other blank word will be replaced
* by the file name to upload
* @throws IOException
* @throws SocketException
*/
public static final void upload(Map<String, Object> serverCfg, String filePathToUpload, String fileStoredName)
throws SocketException, IOException {
upload(serverCfg, new File(filePathToUpload), fileStoredName);
}
/**
* Upload a file to FTP server.
*
* @param serverCfg : FTP server configuration
* @param fileToUpload : file to upload
* @param fileStoredName : the name to give the remote stored file, null, "" and other blank word will be replaced
* by the file name to upload
* @throws IOException
* @throws SocketException
*/
public static final void upload(Map<String, Object> serverCfg, File fileToUpload, String fileStoredName)
throws SocketException, IOException {
if (!fileToUpload.exists()) {
throw new IllegalArgumentException("File to upload does not exists:" + fileToUpload.getAbsolutePath
());
}
if (!fileToUpload.isFile()) {
throw new IllegalArgumentException("File to upload is not a file:" + fileToUpload.getAbsolutePath());
}
if (StringUtils.isBlank((String) serverCfg.get(SERVER_IP))) {
throw new IllegalArgumentException("SERVER_IP must be contained in the FTP server configuration.");
}
transferFile(true, serverCfg, fileToUpload, fileStoredName, null, null);
}
/**
* Download a file from FTP server
*
* @param serverCfg : FTP server configuration
* @param fileNameToDownload : file name to be downloaded
* @param fileStoredPath : stored path of the downloaded file in local
* @throws SocketException
* @throws IOException
*/
public static final void download(Map<String, Object> serverCfg, String fileNameToDownload, String fileStoredPath)
throws SocketException, IOException {
if (StringUtils.isBlank(fileNameToDownload)) {
throw new IllegalArgumentException("File name to be downloaded can not be blank.");
}
if (StringUtils.isBlank(fileStoredPath)) {
throw new IllegalArgumentException("Stored path of the downloaded file in local can not be blank.");
}
if (StringUtils.isBlank((String) serverCfg.get(SERVER_IP))) {
throw new IllegalArgumentException("SERVER_IP must be contained in the FTP server configuration.");
}
transferFile(false, serverCfg, null, null, fileNameToDownload, fileStoredPath);
}
private static final void transferFile(boolean isUpload, Map<String, Object> serverCfg, File fileToUpload,
String serverFileStoredName, String fileNameToDownload, String localFileStoredPath) throws
SocketException,
IOException {
String host = (String) serverCfg.get(SERVER_IP);
Integer port = (Integer) serverCfg.get(SERVER_PORT);
Boolean isAnonymous = (Boolean) serverCfg.get(IS_ANONYMOUS);
String username = (String) serverCfg.get(USER_NAME);
String password = (String) serverCfg.get(PASSWORD);
Boolean isPASV = (Boolean) serverCfg.get(IS_PASV);
String workingDirectory = (String) serverCfg.get(WORKING_DIRECTORY);
FTPClient ftpClient = new FTPClient();
InputStream fileIn = null;
OutputStream fileOut = null;
try {
if (port == null) {
LOGGER.debug("Connect to FTP server on " + host + ":" + FTP.DEFAULT_PORT);
ftpClient.connect(host);
} else {
LOGGER.debug("Connect to FTP server on " + host + ":" + port);
ftpClient.connect(host,port);
}
int reply = ftpClient.getReplyCode();
if (!FTPReply.isPositiveCompletion(reply)) {
LOGGER.error("FTP server refuses connection");
return;
}
if (isAnonymous != null && isAnonymous) {
username = ANONYMOUS_USER_NAME;
password = ANONYMOUS_PASSWORD;
}
LOGGER.debug("Log in FTP server with username = " + username + ", password = " + password);
if (!ftpClient.login(username,password,null)) {
LOGGER.error("Fail to log in FTP server with username = " + username + ", password = " +
password);
ftpClient.logout();
return;
}
//bug处理,ftpClient.storeFile返回false,文件名编码问题
// ftpClient.setControlEncoding("UTF-8");
if (FTPReply.isPositiveCompletion(ftpClient.sendCommand(
"OPTS UTF8", "ON"))) {// 开启服务器对UTF-8的支持,如果服务器支持就用UTF-8编码,否则就使用本地编码(GBK).
LOCAL_CHARSET = "UTF-8";
}
ftpClient.setControlEncoding(LOCAL_CHARSET);
// Here we will use the BINARY mode as the transfer file type,
// ASCII mode is not supportted.
LOGGER.debug("Set type of the file, which is to upload, to BINARY.");
ftpClient.setFileType(FTP.BINARY_FILE_TYPE);
if (isPASV != null && isPASV) {
LOGGER.debug("Use the PASV mode to transfer file.");
ftpClient.enterLocalPassiveMode();
} else {
LOGGER.debug("Use the ACTIVE mode to transfer file.");
ftpClient.enterLocalActiveMode();
}
if (StringUtils.isBlank(workingDirectory)) {
workingDirectory = "/";
}
LOGGER.debug("Change current working directory to " + workingDirectory);
changeWorkingDirectory(ftpClient,workingDirectory);
if (isUpload) { // upload
if (StringUtils.isBlank(serverFileStoredName)) {
serverFileStoredName = fileToUpload.getName();
}
fileIn = new FileInputStream(fileToUpload);
LOGGER.debug("Upload file : " + fileToUpload.getAbsolutePath() + " to FTP server with name : "
+ serverFileStoredName);
String fileName = new String(serverFileStoredName.getBytes(LOCAL_CHARSET),
SERVER_CHARSET);
//将文件存储到ftp
//报错:Software caused connection abort: socketwrite error
// 关闭防火墙或者启用除jdk1.7之外的版本并直接开启被动传输模式,传输模式设置绿字部分。
if (!ftpClient.storeFile(fileName, fileIn)) {
LOGGER.error("Fail to upload file, " + ftpClient.getReplyString());
} else {
LOGGER.debug("Success to upload file.");
}
} else { // download
// make sure the file directory exists
File fileStored = new File(localFileStoredPath);
if (!fileStored.getParentFile().exists()) {
fileStored.getParentFile().mkdirs();
}
fileOut = new FileOutputStream(fileStored);
LOGGER.debug("Download file : " + fileNameToDownload + " from FTP server to local : "
+ localFileStoredPath);
if (!ftpClient.retrieveFile(fileNameToDownload, fileOut)) {
LOGGER.error("Fail to download file, " + ftpClient.getReplyString());
} else {
LOGGER.debug("Success to download file.");
}
}
ftpClient.noop();
ftpClient.logout();
} finally {
if (ftpClient.isConnected()) {
try {
ftpClient.disconnect();
} catch (IOException f) {
}
}
if (fileIn != null) {
try {
fileIn.close();
} catch (IOException e) {
}
}
if (fileOut != null) {
try {
fileOut.close();
} catch (IOException e) {
}
}
}
}
private static final boolean changeWorkingDirectory(FTPClient ftpClient, String workingDirectory) throws IOException{
if(!ftpClient.changeWorkingDirectory(workingDirectory)){
String [] paths = workingDirectory.split("/");
for(int i=0 ;i<paths.length ;i++){
if(!"".equals(paths[i])){
if(!ftpClient.changeWorkingDirectory(paths[i])){
ftpClient.makeDirectory(paths[i]);
ftpClient.changeWorkingDirectory(paths[i]);
}
}
}
}
return true;
}
public static final void upload(Map<String, Object> serverCfg, String filePathToUpload, String fileStoredPath, String
fileStoredName)
throws SocketException, IOException {
upload(serverCfg, new File(filePathToUpload), fileStoredPath, fileStoredName);
}
public static final void upload(Map<String, Object> serverCfg, File fileToUpload, String fileStoredPath, String
fileStoredName)
throws SocketException, IOException {
if(fileStoredPath!=null && !"".equals(fileStoredPath)){
serverCfg.put(WORKING_DIRECTORY, fileStoredPath);
}
upload(serverCfg, fileToUpload, fileStoredName);
}
public static final void upload(String filePathToUpload, String fileStoredPath)throws SocketException, IOException {
upload(serverCfg, filePathToUpload, fileStoredPath, "");
}
public static final void upload(File fileToUpload, String fileStoredPath)throws SocketException, IOException {
upload(serverCfg, fileToUpload, fileStoredPath, "");
}
public static String values(String key) {
String value = prop.getProperty(key);
if (value != null) {
return value;
} else {
return null;
}
}
}
8:配置文件
SERVER_IP=**
SERVER_PORT=21
USER_NAME= **
PASSWORD=**
- 利用angular-file-upload插件批量传递文件到ftp服务器
- angular 上传文件的插件angular-file-upload
- Angular-file-upload文件上传插件的使用
- angular file upload 文件上传
- FTP批量下载文件到SAP服务器
- angular-file-upload angularJS 文件上传
- angular js 上传插件 angular-file-upload 和 ng-file-upload 使用时注意事项
- 利用FileZilla上传文件到ftp服务器
- angular-file-upload
- Angular angular-file-upload 入坑记
- 利用jsp+uploadify插件实现删除上传到ftp服务器里面的文件
- jQuery-File-Upload 文件上传插件
- RFC959 ftp upload file
- angular-file-upload 中文API
- angular-file-upload 中文API
- JQuery Upload File插件上传文件提示 Empty file upload result
- 文件上传插件jQuery-File-Upload结合CI框架案例
- angularjs 文件上传ng-file-upload插件使用
- css动画
- Oracle NID工具修改数据库DBID和数据库名称
- ARKit-带你走进全新的世界(三:追踪/距离感应/AR尺子)
- 计算两个数组之间重叠数字对的重叠个数(咋个办呢 zgbn)
- [Microsoft][ODBC 驱动程序管理器] 未发现数据源名称并且未指定默认驱动程序
- 利用angular-file-upload插件批量传递文件到ftp服务器
- iOS 解析Excel
- Java通过URL下载网络文件,获取文件流并修改文件名
- Android学习之WebView和JS的交互
- php扩展开发---通过嵌入包装实现cli功能
- html事件
- String.format()的详细用法
- ARKit-带你走进全新的世界(四:平面检测)
- NDN-VNDN