uploadify和springmvc结合

最新推荐文章于 2020-04-19 13:58:17 发布

shaomiaojava

最新推荐文章于 2020-04-19 13:58:17 发布

阅读量1.2k

点赞数 1

分类专栏：前端

本文链接：https://blog.csdn.net/shaomiaojava/article/details/49491629

版权

前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1.下载uploadify插件包

2.在Manven 的pom.xml文件中配置commons-fileupload的包

                        <dependency>
				<groupId>commons-fileupload</groupId>
				<artifactId>commons-fileupload</artifactId>
				<version>1.3</version>
			</dependency>

html代码

首先要导入

<link rel="stylesheet" type="text/css"
	href="<%=request.getContextPath()%>/resources/uploadify/uploadify.css">
<script type="text/javascript"
	src="<%=request.getContextPath()%>/resources/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()%>/resources/uploadify/jquery.uploadify.js"></script>
<script type="text/javascript">

<script type="text/javascript">
$(function() {
	$('#attach').uploadify({
		'swf'      : $("#ctx").val()+'/resources/uploadify/uploadify.swf',
		'uploader' : 'upload',
		//服务器段访问的名称
		'fileObjName':'attach',
		//限制文件上传类型
		'fileTypeExts' : '*.gif; *.jpg; *.png; *.txt',
		//不能自动上传
		'auto':false,
		'onUploadSuccess':function(file,data,response){
			alert('The file ' + file.name + ' was successfully uploaded with a response of ' + response + ':' + data);
			//字符串转换成json
			var ao=$.parseJSON(data);
			alert(ao.result);
		}
	});
	$("#upload").click(function(){
		$("#attach").uploadify("upload","*");
	});
});
</script>

</head>

<body>
	<input type="hidden" id="ctx" value="<%=request.getContextPath()%>"/>
	<input type="file" name="attach" id="attach" />
	<input type="button" value="上传文件" id="upload"/>
	<a href="javascript:$('#attach').uploadify('upload')">Upload Files</a>
</body>

spring配置文件

<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"/>

java代码

@RequestMapping(value="/upload",method=RequestMethod.POST)
	public @ResponseBody void upload(MultipartFile attach,HttpServletResponse resp) throws IOException{
		//System.out.println(attach.getOriginalFilename());
		resp.setContentType("text/plain;charset=UTF-8");
		AjaxObj ao=new AjaxObj();
		resp.getWriter().write(JsonUtil.getInstance().obj2json(ao));
	}