博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
利用diyUpload做多图片上传及预览
阅读量:4112 次
发布时间:2019-05-25

本文共 1980 字,大约阅读时间需要 6 分钟。

需求:

1.ajax上传多个图片

2.图片预览

实现:

1.引入附件的js

2.html页面:

2.java上传类代码:

@Controller@RequestMapping("upload")public class UploadController {	private String processImg(HttpServletRequest request, String imageDir)			throws Exception {		String uuid = CommonUtils.getUUID();		request.setCharacterEncoding("UTF-8");		DiskFileItemFactory factory = new DiskFileItemFactory();		ServletFileUpload upload = new ServletFileUpload(factory);		List
items = upload.parseRequest(request); Iterator
itr = items.iterator(); while (itr.hasNext()) { FileItem item = (FileItem) itr.next(); if (item.isFormField()) { System.out.println("表单参数名:" + item.getFieldName() + ",表单参数值:" + item.getString("UTF-8")); } else { System.out.println("上传文件的大小:" + item.getSize()); System.out.println("上传文件的类型:" + item.getContentType()); System.out.println("上传文件的名称:" + item.getName()); FileUtils.forceMkdir(new File(imageDir)); String file = imageDir + File.separator + uuid + "." + FilenameUtils.getExtension(item.getName()); item.write(new File(file)); return uuid + "." + FilenameUtils.getExtension(item.getName()); } } return uuid; } @RequestMapping(value = "/img", method = RequestMethod.POST) @ResponseBody public UploadResVo img(HttpServletRequest request) throws Exception { if (!isLogin(request)) { throw new RuntimeException(ExceptionMsg.UI_NOPERMISSION); } CommonProperties commonProperties = RequestContextUtils .getWebApplicationContext(request).getBean( "com.eqiurong.mp.vo.CommonProperties", CommonProperties.class); String imageDir = commonProperties.baseRealDir + File.separator + commonProperties.uploadDir + File.separator; UploadResVo resVo = new UploadResVo(); MsgVo msg = new MsgVo(); String file = processImg(request, imageDir); msg.setId(file); msg.setLocalname(file); msg.setUrl(commonProperties.basePath + commonProperties.uploadDir + File.separator + file); resVo.setMsg(msg); return resVo; }}

转载地址:http://dhqsi.baihongyu.com/

你可能感兴趣的文章
git命令速查表
查看>>
linux进程监控和自动重启的简单实现
查看>>
OpenFeign学习(三):OpenFeign配置生成代理对象
查看>>
OpenFeign学习(四):OpenFeign的方法同步请求执行
查看>>
OpenFeign学习(五):OpenFeign请求结果处理及重试控制
查看>>
OpenFeign学习(六):OpenFign进行表单提交参数或传输文件
查看>>
OpenFeign学习(七):Spring Cloud OpenFeign的使用
查看>>
Ribbon 学习(二):Spring Cloud Ribbon 加载配置原理
查看>>
Ribbon 学习(三):RestTemplate 请求负载流程解析
查看>>
深入理解HashMap
查看>>
XML生成(一):DOM生成XML
查看>>
XML生成(三):JDOM生成
查看>>
Ubuntu Could not open lock file /var/lib/dpkg/lock - open (13:Permission denied)
查看>>
collect2: ld returned 1 exit status
查看>>
C#入门
查看>>
查找最大值最小值
查看>>
C#中ColorDialog需点两次确定才会退出的问题
查看>>
数据库
查看>>
nginx反代 499 502 bad gateway 和timeout
查看>>
linux虚拟机安装tar.gz版jdk步骤详解
查看>>