uploadify 3.2.1+spring mvc上传文件

uploadify 3.2.1+spring mvc上传文件
博客分类： jquery

之前做过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>

<!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);
    }

uploadify 3.2.1+spring mvc上传文件

猜你喜欢