ajaxFileUpload 图片上传工具

前端之家收集整理的这篇文章主要介绍了ajaxFileUpload 图片上传工具前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
使用ajaxFileUpload 将图片保存到本地 , 再将本地图片上传到cdn


----------------------------------------------- 前端 ------------------------------------------


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;

}

猜你在找的Ajax相关文章