jquery.uploadify 3.2.1+spring mvc上传文件

最新推荐文章于 2021-02-24 12:14:25 发布

事了了了

最新推荐文章于 2021-02-24 12:14:25 发布

阅读量642

点赞数

springmvc 同时被 3 个专栏收录

11 篇文章 0 订阅

订阅专栏

uploadfile

1 篇文章 0 订阅

订阅专栏

jquery

1 篇文章 0 订阅

订阅专栏

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

事了了了

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery.uploadify 3.2.1+spring mvc上传文件

之前做过uploadify 2.x的文件上传，做这个项目的时候发现官网现在版本是3.2.1于是就做了一个demo。前台代码如下(注意引入jquery)：Java代码文件上传 @include file="comm/comm.jsp" %> "stylesheet" type="text/css
复制链接

扫一扫

专栏目录