----------------------------------------------- 前端 ------------------------------------------
1. 先导入 <script type="text/javascript" src="/js/ajaxfileupload.js"></script>
2. jsp页面的上传图片按钮
3. 设置绑定事件 ， 将上传的图片显示到前端
4. 相应的css代码
-------------------------------------- 服务端 ---------------------------------------------
1.
// 上传图片到中转目录下
List<SortFile> sortFileArray = ImageUploadUtil.saveFile(request, paramConfig.getTempPath(), "cdn");
2.
／
**
*
* @param request
* @param tempPath (临时存放路径)
* @param fileSaveDirName (保存文件的目录名)
* @return fullFilePath (返回完整的文件路径)
* @throws Exception
*/
public static List<SortFile> saveFile(HttpServletRequest request, String tempPath, String fileSaveDirName) throws Exception {
List<SortFile> sortFileArray = new ArrayList<SortFile>();
String suffix = null;//后缀名
try{
if (!ServletFileUpload.isMultipartContent(request)) {
return null;
}
String fileSavePath = tempPath;
if(tempPath.indexOf("/", tempPath.length() - 1) >= 0) {
fileSavePath += fileSaveDirName;
} else {
fileSavePath += File.separator + fileSaveDirName;
}
DiskFileItemFactory factory = new DiskFileItemFactory();
ServletFileUpload upload = new ServletFileUpload(factory);
upload.setHeaderEncoding("UTF-8");
// 设置临时文件存储位置
File file = new File(tempPath);
// 设置内存缓冲区，超过后写入临时文件
factory.setSizeThreshold(10240);
// 创建文件夹
if(!file.exists()){
file.mkdirs();
}
factory.setRepository(file);
List<?> items = upload.parseRequest(request);
FileItem item = null;
for (int i = 0 ;i < items.size(); i++){
item = (FileItem) items.get(i);
if (!item.isFormField() && item.getName()!=null && item.getName().length()>0) {
File dir = new File(fileSavePath);
if(!dir.exists()){
dir.mkdirs();
}
suffix = getSuffix(item.getName());
String fullFilePath = fileSavePath+File.separator+DateUtil.ymdFormat(new Date())+UUID.randomUUID().toString()+"."+suffix;
// 保存文件
item.write(new File(fullFilePath));
SortFile sortFileInfo = new SortFile();
sortFileInfo.setFilePath(fullFilePath);
sortFileInfo.setFileName(item.getName());
sortFileInfo.setValue(item.getFieldName());
// 页面配置的上传文件名需要设置为 pic_0, pic_1... e.g. <input type="file" name="pic_0" />
String sortStr = item.getFieldName().replace("pic_", "");
sortFileInfo.setSortNum(StringUtil.isEmpty(sortStr) ? 0 : (StringUtil.isNumeric(sortStr) ? Integer.parseInt(sortStr) : 0));
sortFileArray.add(sortFileInfo);
}
}
} catch(Exception e) {
log.error("saveFile 到临时目录报错: fileSaveDirName="+fileSaveDirName, e);
}
sort(sortFileArray);
return sortFileArray;
}