您的位置：首页 > Web前端 > JQuery

jquery.uploadify 3.2.1+spring mvc上传文件

2015-01-23 17:42 423 查看

之前做过uploadify 2.x的文件上传，做这个项目的时候发现官网现在版本是3.2.1于是就做了一个demo。

前台代码如下(注意引入jquery)：

Java代码

<!DOCTYPE HTML >

<html>

<head>

<title>文件上传</title>

<%@include file="comm/comm.jsp" %>

<link rel="stylesheet" type="text/css" href="css/uploadify.css">

<script type="text/javascript" src="js/jquery.uploadify.min.js"></script>

<script >

$(document).ready(function() {

$("#file_upload").uploadify({

'buttonText' : '请选择',

'height' : 30,

'swf' : '/auth/js/uploadify.swf',

'uploader' : '/auth/uploadFile.html',

'width' : 120,

'auto':false,

'fileObjName' : 'file',

'onUploadSuccess' : function(file, data, response) {

alert( file.name + ' 上传成功！ ');

}

});

});

</script>

</head>

<body>

<input type="file" name="fileName" id="file_upload" />

<a href="javascript:$('#file_upload').uploadify('upload', '*')">上传文件</a> | <a href="javascript:$('#file_upload').uploadify('stop')">停止上传!</a>

</body>

</html>

后台代码如下：

Java代码

@RequestMapping(value="/uploadFile",method=RequestMethod.POST)

public void uploadFile(HttpServletResponse response,HttpServletRequest request,@RequestParam(value="file", required=false) MultipartFile file) throws IOException{

byte[] bytes = file.getBytes();

System.out.println(file.getOriginalFilename());

String uploadDir = request.getRealPath("/")+"upload";

File dirPath = new File(uploadDir);

if (!dirPath.exists()) {

dirPath.mkdirs();

}

String sep = System.getProperty("file.separator");

File uploadedFile = new File(uploadDir + sep

+ file.getOriginalFilename());

FileCopyUtils.copy(bytes, uploadedFile);

msg = "true";

response.getWriter().write(msg);

}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航