EasyUI 结合spring MVC上传图片以及验证图片是否符合规范
2015-09-02 09:25
417 查看
近期正在学习使用EasyUI,EasyUI结合spring MVC上传图片以及验证上传文件是否符合规范,直接上代码:jsp页面部分代码:
<form id="group-form" action="<c:url value='/group/create-or-update'/>" method="post" enctype="multipart/form-data"> <tr> <td>Logo:</td> <td><input name="logo" id="logoFile" class="easyui-filebox"></input></td> </tr> </form>
$(function() { $( '#logoFile') .filebox( { onChange : function() { var name = $( '#logoFile').filebox( 'getValue'); var allowExtention = new Array("jpg", "png" ); var len = name.length; var math = name.substring(len - 3, len); Boolean f = false; for ( var i = 0; i < allowExtention.length; i++) { if (allowExtention[i] == math) { f = true; } } if ($.trim(name) != "" && f == false) { alert( '请选择jpg、png图片' ); $( '#logoFile').filebox( 'clear') } } }); });Spring MVC Control层代码
@RequestMapping(value = "/create", produces = "application/json;charset=UTF-8") @ResponseBody public void create(HttpServletRequest request, @RequestParam(value="logo", required=false) MultipartFile logo) throws IllegalStateException, IOException {<pre name="code" class="html"> String uPath = (String)request.getServletContext().getAttribute("uPath"); File dir = new File(uPath + logo_path);//存放图片路径<span style="white-space:pre"> </span> if(!dir.exists()) { dir.mkdirs(); } if(logo != null && !logo.isEmpty()) { int index = logo.getOriginalFilename().lastIndexOf('.'); String picName = DigestUtils.md5Hex(group.getId().toHexString()) + logo.getOriginalFilename().substring(index); logo.transferTo(new File(uPath + logo_path + picName)); group.setLogo(logo_path + picName); } }如果标签没有效果可以考虑换写法,用属性的方法设置
<input id= "logoFile" style=" width: 300px; height: 35px;"data-options= "prompt:'Choose a file...',required:true" name="logo" value= "${g.logo}" ></input >$(function() {$( '#logoFile').filebox({buttonText : 'Choose File',buttonAlign : 'right',onChange : function() {var name = $( '#logoFile').filebox( 'getValue');var allowExtention = new Array( "jpg", "png");var len = name.length;var math = name.substring(len - 3, len);Booleanf = false;for ( var i = 0; i < allowExtention.length; i++) {if (allowExtention[i] == math) {f = true;}}if ($.trim(name) != "" && f == false) {alert( '请选择jpg、png图片' );$( '#logoFile').filebox( 'clear')}}});});以上就是相关代码,初涉EasyUI,有不对的地方请多多指教
相关文章推荐
- Java____继承与组合
- java关闭流,解压缩后的清除
- Java删除文件夹和文件
- 打开Android studio遇到的一些问题,为什么安装jdk没有jdk.....的文件夹
- Java基础学习对象、封装第二章实验练习三
- java 基础学习对象、封装第二章练习二
- java 基础学习什么是对象第二章练习一
- Eclipse Configuration ButterKnife
- 2015.09.01 Java 学习笔记—内存分析精华
- Mybatis-spring基本配置
- Android开发效率—Eclipse快捷键
- Spring笔记――11.“零配置”支持
- java web session
- android布局,eclipse项目文件详情,监听器的设置
- java.io.NotSerializableException
- java文件预览及加密解密的部分问题及解决方案
- Spring笔记――10.两种后处理器
- 基于Java实现的简单且通用的分页实现封装 <Pagiation>
- Spring笔记――9.Srping3.0提供的SpEL 待续
- Spring笔记――8.基于XML Schema的简化配置