首页 > 代码库 > springMVC+uploadify3.1 文件上传 demo

springMVC+uploadify3.1 文件上传 demo

2024-09-02 04:21:59   219人阅读

uploadify3.1 api 可参考：（点击打开链接）

需要springmvc的jar包

1、upload.jsp(主要代码)

 

[html] view plain copy
 
print?
  1. <script type="text/javascript" charset="UTF-8"  
  2.     src=http://www.mamicode.com/"${pageContext.request.contextPath}/js/jquery1.11.js"></script>  
  3. <script type="text/javascript" charset="UTF-8"  
  4.     src=http://www.mamicode.com/"${pageContext.request.contextPath}/static/llsfw/js/upload/upload.js"></script>  
  5.     <script type="text/javascript" charset="UTF-8"  
  6.     src=http://www.mamicode.com/"${pageContext.request.contextPath}/static/llsfw/common/uploadify/jquery.uploadify.min.js"></script>  
  7.   
  8.   
  9. <div id="uploader">  
  10.         <p>  
  11.             <input type="file" name="file_upload" id="file_upload" />  
  12.         </p>  
  13.         <a href=http://www.mamicode.com/"javascript:$(‘#file_upload‘).uploadify(‘upload‘,‘*‘)">上传</a>   
  14.         <a href=http://www.mamicode.com/"javascript:$(‘#file_upload‘).uploadify(‘stop‘)">取消上传</a>  
  15.         <div id="uploader_queue"></div>  
  16.         <div id="uploader_msg"></div>  
  17.         <div id="uploader_view"></div>  
  18.     </div>  
技术分享

2、upload.js

 

 

[javascript] view plain copy
 
print?
  1. $(function() {  
  2.      $("#file_upload").uploadify({  
  3.            ‘auto‘ : false,  
  4.            ‘method‘ : "get",  
  5.            ‘formData‘ : {‘folder‘ : ‘file‘},  
  6.               ‘height‘ : 30,  
  7.               ‘swf‘ : basePath+‘static/llsfw/common/uploadify/uploadify.swf‘, // flash  
  8.               ‘uploader‘ : basePath+‘uploadController/upload‘, // 数据处理url  
  9.               ‘width‘ : 120,  
  10.               ‘fileTypeDesc‘ : ‘只能是xls...‘,  
  11.               ‘fileTypeExts‘ : ‘*.xls‘,  
  12.               ‘fileSizeLimit‘ : ‘10500KB‘,  
  13.               ‘buttonText‘ : ‘选择文件‘,  
  14.               ‘uploadLimit‘ : 5,  
  15.               ‘successTimeout‘ : 5,  
  16.               ‘requeueErrors‘ : false,  
  17.               ‘removeTimeout‘ : 10,  
  18.               ‘removeCompleted‘ : false,  
  19.               ‘queueSizeLimit‘ :10,  
  20.               ‘queueID‘  : ‘uploader_queue‘,  
  21.               ‘progressData‘ : ‘speed‘,  
  22.               ‘onInit‘ : function (){},  
  23.            // 单个文件上传成功时的处理函数  
  24.            ‘onUploadSuccess‘ : function(file, data, response){  
  25.          $("#uploader_view").append(‘<div height="60" >‘+data+‘</div>‘);  
  26.         },  
  27.               ‘onQueueComplete‘ : function(queueData) {  
  28.          $(‘#uploader_msg‘).html(queueData.uploadsSuccessful + ‘ 个文件上传成功。‘);  
  29.         }        
  30.           });  
  31.       
  32. });  
技术分享


 

3、UploadController.java





[java] view plain copy

 

 print?




    

  1. package com.llsfw.core.controller.upload;  
    2. 

  2.   
    3. 

  3. import java.io.File;  
    4. 

  4. import java.io.IOException;  
    5. 

  5. import java.util.Iterator;  
    6. 

  6. import javax.servlet.http.HttpServletRequest;  
    7. 

  7. import javax.servlet.http.HttpServletResponse;  
    8. 

  8. import org.springframework.stereotype.Controller;  
    9. 

  9. import org.springframework.web.bind.annotation.RequestMapping;  
    10. 

  10. import org.springframework.web.multipart.MultipartFile;  
    11. 

  11. import org.springframework.web.multipart.MultipartHttpServletRequest;  
    12. 

  12. import org.springframework.web.multipart.commons.CommonsMultipartResolver;  
    13. 

  13.   
    14. 

  14. import com.llsfw.core.controller.base.BaseController;  
    15. 

  15.   
    16. 

  16. @Controller  
    17. 

  17. @RequestMapping("uploadController")  
    18. 

  18. public class UploadController extends BaseController {  
    19. 

  19.     @RequestMapping("init")  
    20. 

  20.     public String init() {  
    21. 

  21.         return "llsfw/upload/upload";  
    22. 

  22.     }  
    23. 

  23.   
    24. 

  24.     @RequestMapping("upload")  
    25. 

  25.     public void upload(HttpServletRequest request, HttpServletResponse response) {  
    26. 

  26.         try {  
    27. 

  27.             String savePath = "C://uploads/";  
    28. 

  28.             File dirPath = new File(savePath);    
    29. 

  29.             if (!dirPath.exists()) {    
    30. 

  30.                 dirPath.mkdirs();    
    31. 

  31.             }   
    32. 

  32.             // 解析器解析request的上下文  
    33. 

  33.             CommonsMultipartResolver multipartResolver = new CommonsMultipartResolver(  
    34. 

  34.                     request.getSession().getServletContext());  
    35. 

  35.             // 先判断request中是否包涵multipart类型的数据，  
    36. 

  36.             if (multipartResolver.isMultipart(request)) {  
    37. 

  37.                 // 再将request中的数据转化成multipart类型的数据  
    38. 

  38.                 MultipartHttpServletRequest multiRequest = (MultipartHttpServletRequest) request;  
    39. 

  39.                 @SuppressWarnings("rawtypes")  
    40. 

  40.                 Iterator iter = multiRequest.getFileNames();  
    41. 

  41.   
    42. 

  42.                 while (iter.hasNext()) {  
    43. 

  43.                     MultipartFile file = multiRequest.getFile((String) iter.next());  
    44. 

  44.                     if (file != null) {  
    45. 

  45.                         String fileName = file.getOriginalFilename();  
    46. 

  46.                         System.out.println(fileName);  
    47. 

  47.                         File localFile = new File(savePath + fileName);  
    48. 

  48.                         // 写文件到本地  
    49. 

  49.                         file.transferTo(localFile);  
    50. 

  50.                         response.getWriter().print(fileName+"        上传成功！");  
    51. 

  51.                     }  
    52. 

  52.                 }  
    53. 

  53.             }  
    54. 

  54.               
    55. 

  55.         } catch (IOException e) {  
    56. 

  56.             // TODO Auto-generated catch block  
    57. 

  57.             e.printStackTrace();  
    58. 

  58.         }  
    59. 

  59.     }  
    60. 

  60. }  
    61. 



技术分享








springMVC+uploadify3.1 文件上传 demo






























        

            
                
                  
                
                

                    联系

                    我们