\u6b65\u9aa4\u5982\u4e0b\uff1a<\/p>\n
(1)\u5728html\u4e2d\u5b9a\u4e491\u4e2aform\u8868\u5355
\n[code lang=”html”]
\n<form id=\u201dpicForm\u201d name=\u201dpicForm\u201d action=\u201duploadPic.htm\u201d enctype=\u201dmultipart\/form-data\u201d method=\u201dpost\u201d>
\n <table>
\n <tr>
\n <td>
\n <label>\u56fe\u7247\uff1a<\/label>
\n <\/td>
\n <td>
\n <input id="picUpload" name="picUpload" type="file">
\n <\/td>
\n <\/tr>
\n <tr>
\n <td colspan=\u201d2\u2033>
\n <input type="button" onclick="uploadPic();" value="\u4e0a\u4f20">
\n <\/td>
\n <\/tr>
\n <\/table>
\n<\/form>
\n[\/code]
\n(2)\u5b9a\u4e49js\u51fd\u6570
\n[code lang=”javascript”]
\nfunction uploadPic(){
\n if($("#picUpload").val()==”){
\n alert("please select picture first!");
\n return;
\n }
\n var data = new FormData();
\n data.append(‘file’, document.picForm.picUpload.files[0]);
\n $.ajax({
\n type: "POST",
\n url: "uploadPic.htm",
\n processData:false,
\n contentType:false,
\n data: data,
\n success: function (data) {
\n var obj = jQuery.parseJSON(data);
\n var result = obj.result;
\n if(result !="1"){
\n alert("Uploade file fail");
\n }
\n else{
\n alert("Uploade file succeed");<\/p>\n
}<\/p>\n
}
\n });
\n}
\n[\/code]
\n\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
(3)\u670d\u52a1\u5668\u7aef\u914d\u7f6e<\/p>\n
\u5728spring\u7684\u914d\u7f6e\u6587\u4ef6\u91cc\u52a0\u5165\u4ee5\u4e0b\u5185\u5bb9\u3002
\n[code lang=”xml”]
\n<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
\n <!– one of the properties available; the maximum file size in bytes –>
\n <property name="maxUploadSize" value="1000000"\/>
\n<\/bean>
\n[\/code]
\n(4)\u670d\u52a1\u5668\u7aef\u4ee3\u7801
\n[code lang=”java”]
\n@Controller
\npublic class MyController {<\/p>\n
@RequestMapping("\/uploadPic.htm")
\n@ResponseBody
\npublic void uploadPic(ModelMap modelMap, HttpServletRequest req, HttpServletResponse res)
\nthrows Exception {
\n JSONObject json = new JSONObject();
\n InputStream input = null;
\n OutputStream output = null;
\n try{
\n MultipartHttpServletRequest multipartReq = (MultipartHttpServletRequest) req;
\n MultipartFile rawFile = multipartReq.getFile("file");
\n String rawFilename = rawFile.getOriginalFilename();
\n String saveFileName = "d:\\\\"+rawFilename;
\n input = rawFile.getInputStream();
\n output = new BufferedOutputStream(new FileOutputStream(saveFileName));
\n byte[] buffer = new byte[1024];
\n int n = -1;
\n while ((n = input.read(buffer)) != -1) {
\n output.write(buffer, 0, n);
\n }
\n json.put("result", 1);
\n res.setContentType("text\/html;charset=utf-8");
\n res.getWriter().write(json.toString());
\n }
\n catch(Exception e){
\n json.put("result", 0);
\n res.setContentType("text\/html;charset=utf-8");
\n res.getWriter().write(json.toString());
\n return;
\n }
\n finally{
\n input.close();
\n output.close();
\n }
\n }
\n}<\/p>\n
[\/code]<\/p>\n","protected":false},"excerpt":{"rendered":"
\u6b65\u9aa4\u5982\u4e0b\uff1a (1)\u5728html\u4e2d\u5b9a\u4e491\u4e2aform\u8868\u5355 [code lang=”html” […]<\/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}]}}