Phoebe的学习天地 2013-12-19
之前做过uploadify2.x的文件上传,做这个项目的时候发现官网现在版本是3.2.1于是就做了一个demo。
前台代码如下(注意引入jquery):<!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>
后台代码如下:
@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); }