ASP源码.NET源码PHP源码JSP源码JAVA源码DELPHI源码PB源码VC源码VB源码Android源码
当前位置:首页 >> 网页制作 >> HTML教程 >> SpringMVC基于zyUpload组件实现上传

SpringMVC基于zyUpload组件实现上传

来源:网络整理     时间:2015-07-16     关键词:

本篇文章主要介绍了"SpringMVC基于zyUpload组件实现上传",主要涉及到方面的内容,对于HTML教程感兴趣的同学可以参考一下: 之前公司做一项目 要求需要预览功能上传多张图片,网上查了很多资料,在这个http://www.52doit.com/show/341网站找到了一个html5写的...

之前公司做一项目 要求需要预览功能上传多张图片,网上查了很多资料,在这个http://www.52doit.com/show/341网站找到了一个html5写的组件,感觉还不错,对ie支持不是很好效果还可以。感觉还不错 就用它了,将他源码进行改进哈,搞成自己想要的效果,谢谢这位仁兄的提供。

看效果吧:


页面需要做的

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		
			 
		<!-- 引用控制层插件样式 -->
		<link rel="stylesheet" href="css/control/css/zyUpload.css" type="text/css">
		
		<link rel="stylesheet" href="css/upload.css" type="text/css">

		<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
		<!-- 引用核心层插件 -->
		<script type="text/javascript" src="js/zyFile.js"></script>
		<!-- 引用控制层插件 -->
		<script type="text/javascript" src="js/zyUpload.js"></script>
		<!-- 引用初始化JS -->
		<script type="text/javascript" src="js/demo.js"></script>
	
	<script type="text/javascript">
			//我这里使用的是springmvc
		var pathurl="showtable/web/upload";
		
		$(document).ready(function(){
			$('#upload').click(function(){
				$('.box2').fadeIn("slow");
				});
			$('.upload_close').click(function(){
				$('.box2').fadeOut("slow");
				});
			//$('.boxshow').easydrag();
			});
		
		</script>
</head>
<body>

	<div class="boxshow">
		<div class="box2">
			<div class="login5"></div>
			<div class="login51">
				<div id="demo" class="demo"></div>
			</div>
		</div>
	</div>
<input type="button" value="上传"   id="upload"/>

</body>
</html>

本人使用的是springmvc 后台代码

	@RequestMapping("/web/upload")
	@ResponseBody
	public Map<String,Object> webPhotoUpload(HttpServletRequest request) {
		Msg msg=null;
		UserInfo user=(UserInfo)request.getSession().getAttribute("user");
		//创建一个通用的多部分解析器  
        CommonsMultipartResolver multipartResolver = new CommonsMultipartResolver(request.getSession().getServletContext());  
        //判断 request 是否有文件上传,即多部分请求  
        if(multipartResolver.isMultipart(request)){  
            //转换成多部分request    
			MultipartHttpServletRequest multiRequest = (MultipartHttpServletRequest) request;
			// 取得request中的所有文件名
			Iterator<String> iter = multiRequest.getFileNames();
			while (iter.hasNext()) {
				// 取得上传文件
				MultipartFile file = multiRequest.getFile(iter.next());
				// 数据封装操作 MultipartFile reqeust
				// 取得当前上传文件的文 件名称
<span style="white-space:pre">				</span>String myFileName = file.getOriginalFilename(); //这里需要你对文件的处理哦
//				logger.debug("图片上传:{}", JsonUtil.toString(map));
				try {
					photoAlbumService.insertWebPhotos(map);
				} catch (Exception e) {
					return Tools.retMap(Msg.bizMsgIntance(ErrInfo.PHOTO_WALL_UPLOAD_FAIL,
							ErrInfo.PHOTO_WALL_UPLOAD_FAIL_MSG));
				}
			}

		}
        return Tools.retMap(msg);
    }  

下载:http://download.csdn.net/detail/itlqi/8905599这里没有包含java代码 只要将js/css放入项目中即可

版权声明:本文为博主原创文章,未经博主允许不得转载。

以上就介绍了SpringMVC基于zyUpload组件实现上传,包括了方面的内容,希望对HTML教程有兴趣的朋友有所帮助。

本文网址链接:http://www.codes51.com/article/detail_150025.html

相关图片

相关文章