springMVC+uploadify3.1 文件上传 demo

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

需要springmvc的jar包

1、upload.jsp(主要代码)

[html] view plain copy

print?

1. <script type="text/javascript" charset="UTF-8"
2. src="${pageContext.request.contextPath}/js/jquery1.11.js"></script>
3. <script type="text/javascript" charset="UTF-8"
4. src="${pageContext.request.contextPath}/static/llsfw/js/upload/upload.js"></script>
5. <script type="text/javascript" charset="UTF-8"
6. src="${pageContext.request.contextPath}/static/llsfw/common/uploadify/jquery.uploadify.min.js"></script>
7. <div id="uploader">
8. <p>
9. <input type="file" name="file_upload" id="file_upload" />
10. </p>
11. <a href="javascript:$(‘#file_upload‘).uploadify(‘upload‘,‘*‘)">上传</a>
12. <a href="javascript:$(‘#file_upload‘).uploadify(‘stop‘)">取消上传</a>
13. <div id="uploader_queue"></div>
14. <div id="uploader_msg"></div>
15. <div id="uploader_view"></div>
16. </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. });

3、UploadController.java

[java] view plain copy

print?

1. package com.llsfw.core.controller.upload;
2. import java.io.File;
3. import java.io.IOException;
4. import java.util.Iterator;
5. import javax.servlet.http.HttpServletRequest;
6. import javax.servlet.http.HttpServletResponse;
7. import org.springframework.stereotype.Controller;
8. import org.springframework.web.bind.annotation.RequestMapping;
9. import org.springframework.web.multipart.MultipartFile;
10. import org.springframework.web.multipart.MultipartHttpServletRequest;
11. import org.springframework.web.multipart.commons.CommonsMultipartResolver;
12. import com.llsfw.core.controller.base.BaseController;
13. @Controller
14. @RequestMapping("uploadController")
15. public class UploadController extends BaseController {
16. @RequestMapping("init")
17. public String init() {
18. return "llsfw/upload/upload";
19. }
20. @RequestMapping("upload")
21. public void upload(HttpServletRequest request, HttpServletResponse response) {
22. try {
23. String savePath = "C://uploads/";
24. File dirPath = new File(savePath);
25. if (!dirPath.exists()) {
26. dirPath.mkdirs();
27. }
28. // 解析器解析request的上下文
29. CommonsMultipartResolver multipartResolver = new CommonsMultipartResolver(
30. request.getSession().getServletContext());
31. // 先判断request中是否包涵multipart类型的数据，
32. if (multipartResolver.isMultipart(request)) {
33. // 再将request中的数据转化成multipart类型的数据
34. MultipartHttpServletRequest multiRequest = (MultipartHttpServletRequest) request;
35. @SuppressWarnings("rawtypes")
36. Iterator iter = multiRequest.getFileNames();
37. while (iter.hasNext()) {
38. MultipartFile file = multiRequest.getFile((String) iter.next());
39. if (file != null) {
40. String fileName = file.getOriginalFilename();
41. System.out.println(fileName);
42. File localFile = new File(savePath + fileName);
43. // 写文件到本地
44. file.transferTo(localFile);
45. response.getWriter().print(fileName+"        上传成功！");
46. }
47. }
48. }
49. } catch (IOException e) {
50. // TODO Auto-generated catch block
51. e.printStackTrace();
52. }
53. }
54. }