{"id":52,"date":"2013-10-28T05:52:14","date_gmt":"2013-10-27T21:52:14","guid":{"rendered":"http:\/\/www.lixiaodong.com\/?p=52"},"modified":"2014-02-03T07:11:57","modified_gmt":"2014-02-02T23:11:57","slug":"%e4%bd%bf%e7%94%a8jquery%e5%92%8cspring%e5%ae%9e%e7%8e%b0%e5%9b%be%e7%89%87%e4%b8%8a%e4%bc%a0%e5%8a%9f%e8%83%bd","status":"publish","type":"post","link":"https:\/\/www.lixiaodong.com\/?p=52","title":{"rendered":"\u4f7f\u7528jquery\u548cspring\u5b9e\u73b0\u56fe\u7247\u4e0a\u4f20\u529f\u80fd"},"content":{"rendered":"<p>\u6b65\u9aa4\u5982\u4e0b\uff1a<\/p>\n<p>(1)\u5728html\u4e2d\u5b9a\u4e491\u4e2aform\u8868\u5355<\/p>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n&lt;form id=\u201dpicForm\u201d name=\u201dpicForm\u201d action=\u201duploadPic.htm\u201d enctype=\u201dmultipart\/form-data\u201d method=\u201dpost\u201d&gt;\r\n    &lt;table&gt;\r\n        &lt;tr&gt;\r\n            &lt;td&gt;\r\n                &lt;label&gt;\u56fe\u7247\uff1a&lt;\/label&gt;\r\n            &lt;\/td&gt;\r\n            &lt;td&gt;\r\n                &lt;input id=&quot;picUpload&quot; name=&quot;picUpload&quot; type=&quot;file&quot;&gt;\r\n            &lt;\/td&gt;\r\n        &lt;\/tr&gt;\r\n        &lt;tr&gt;\r\n            &lt;td colspan=\u201d2\u2033&gt;\r\n            &lt;input type=&quot;button&quot; onclick=&quot;uploadPic();&quot; value=&quot;\u4e0a\u4f20&quot;&gt;\r\n            &lt;\/td&gt;\r\n        &lt;\/tr&gt;\r\n    &lt;\/table&gt;\r\n&lt;\/form&gt;\r\n<\/pre>\n<p>(2)\u5b9a\u4e49js\u51fd\u6570<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\nfunction uploadPic(){\r\n    if($(&quot;#picUpload&quot;).val()==''){\r\n        alert(&quot;please select picture first!&quot;);\r\n        return;\r\n    }\r\n    var data = new FormData();\r\n    data.append('file', document.picForm.picUpload.files&#x5B;0]);\r\n    $.ajax({\r\n        type: &quot;POST&quot;,\r\n        url: &quot;uploadPic.htm&quot;,\r\n        processData:false,\r\n        contentType:false,\r\n        data: data,\r\n        success: function (data) {\r\n            var obj = jQuery.parseJSON(data);\r\n            var result = obj.result;\r\n            if(result !=&quot;1&quot;){\r\n                alert(&quot;Uploade file fail&quot;);\r\n            }\r\n            else{\r\n                alert(&quot;Uploade file succeed&quot;);\r\n\r\n            }\r\n\r\n        }\r\n    });\r\n}\r\n<\/pre>\n<p>\u6ce8\u610f\u4e0a\u9762\u7684document.picForm.picUpload.files[0]\uff0c\u8fd9\u91cc\uff0cjavascript\u662f\u901a\u8fc7name\u5c5e\u6027\u6765\u627e\u5143\u7d20\u7684\u3002<\/p>\n<p>(3)\u670d\u52a1\u5668\u7aef\u914d\u7f6e<\/p>\n<p>\u5728spring\u7684\u914d\u7f6e\u6587\u4ef6\u91cc\u52a0\u5165\u4ee5\u4e0b\u5185\u5bb9\u3002<\/p>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n&lt;bean id=&quot;multipartResolver&quot; class=&quot;org.springframework.web.multipart.commons.CommonsMultipartResolver&quot;&gt;\r\n    &lt;!-- one of the properties available; the maximum file size in bytes --&gt;\r\n    &lt;property name=&quot;maxUploadSize&quot; value=&quot;1000000&quot;\/&gt;\r\n&lt;\/bean&gt;\r\n<\/pre>\n<p>(4)\u670d\u52a1\u5668\u7aef\u4ee3\u7801<\/p>\n<pre class=\"brush: java; title: ; notranslate\" title=\"\">\r\n@Controller\r\npublic class MyController {\r\n\r\n@RequestMapping(&quot;\/uploadPic.htm&quot;)\r\n@ResponseBody\r\npublic void uploadPic(ModelMap modelMap, HttpServletRequest req, HttpServletResponse res)\r\nthrows Exception {\r\n      JSONObject json = new JSONObject();\r\n      InputStream input = null;\r\n      OutputStream output = null;\r\n      try{\r\n          MultipartHttpServletRequest multipartReq = (MultipartHttpServletRequest) req;\r\n          MultipartFile rawFile = multipartReq.getFile(&quot;file&quot;);\r\n          String rawFilename = rawFile.getOriginalFilename();\r\n          String saveFileName = &quot;d:\\\\&quot;+rawFilename;\r\n          input = rawFile.getInputStream();\r\n          output = new BufferedOutputStream(new FileOutputStream(saveFileName));\r\n          byte&#x5B;] buffer = new byte&#x5B;1024];\r\n          int n = -1;\r\n          while ((n = input.read(buffer)) != -1) {\r\n              output.write(buffer, 0, n);\r\n          }\r\n          json.put(&quot;result&quot;, 1);\r\n          res.setContentType(&quot;text\/html;charset=utf-8&quot;);\r\n          res.getWriter().write(json.toString());\r\n      }\r\n      catch(Exception e){\r\n          json.put(&quot;result&quot;, 0);\r\n          res.setContentType(&quot;text\/html;charset=utf-8&quot;);\r\n          res.getWriter().write(json.toString());\r\n          return;\r\n      }\r\n      finally{\r\n          input.close();\r\n          output.close();\r\n      }\r\n   }\r\n}\r\n\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\u6b65\u9aa4\u5982\u4e0b\uff1a (1)\u5728html\u4e2d\u5b9a\u4e491\u4e2aform\u8868\u5355 &lt;form id=\u201dp &hellip; <a href=\"https:\/\/www.lixiaodong.com\/?p=52\">\u7ee7\u7eed\u9605\u8bfb <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15],"tags":[16,46,17,18],"class_list":["post-52","post","type-post","status-publish","format-standard","hentry","category-jquery","tag-ajax","tag-jquery","tag-spring","tag-18"],"_links":{"self":[{"href":"https:\/\/www.lixiaodong.com\/index.php?rest_route=\/wp\/v2\/posts\/52","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lixiaodong.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lixiaodong.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lixiaodong.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lixiaodong.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=52"}],"version-history":[{"count":6,"href":"https:\/\/www.lixiaodong.com\/index.php?rest_route=\/wp\/v2\/posts\/52\/revisions"}],"predecessor-version":[{"id":130,"href":"https:\/\/www.lixiaodong.com\/index.php?rest_route=\/wp\/v2\/posts\/52\/revisions\/130"}],"wp:attachment":[{"href":"https:\/\/www.lixiaodong.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=52"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lixiaodong.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=52"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lixiaodong.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=52"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}