<form id="uploadForm" method="post" name="fileinfo" enctype="multipart/form-data"> <input type="file" id="image" name="image"> <input type="button" class="btn btn-default" onclick="upload()" value="上传图片"> </form>
Ajax写法
function upload() { var uploadResult = document.getElementById("upload-result"); uploadResult.style.color = "green"; uploadResult.innerHTML = "正在上传....."; var formData = new FormData($("uploadForm")[0]); formData.append('Content-Type','multipart/form-data'); formData.append('image',$('input[type=file]')[0].files[0]); $.ajax({ url : "${pageContext.request.contextpath}/api/v1/file",type : 'POST',data : formData,dataType : 'json',contentType : false,processData : false,cache : false,//防止缓存 error : function(data) { alert("请求失败,网络异常") console.log(data); },success : function(data) { console.log(data); var code = data.status; if (code == 200) { uploadResult.style.color = "green"; uploadResult.innerHTML = "上传成功"; imgurl = data.data; } else { uploadResult.style.color = "red"; uploadResult.innerHTML = "上传失败"; } } }); }@H_502_0@
@H_502_0@SpringMVC服务器端写法:
@RequestMapping(method = RequestMethod.POST) @ResponseBody public Object uploadFile(HttpServletRequest request) { CommonsMultipartResolver multipartResolver = new CommonsMultipartResolver( request.getSession().getServletContext()); // 先判断request中是否包涵multipart类型的数据, String fileUrl = ""; if (multipartResolver.isMultipart(request)) { // 再将request中的数据转化成multipart类型的数据 MultipartHttpServletRequest multiRequest = (MultipartHttpServletRequest) request; Iterator<String> iter = multiRequest.getFileNames(); while (iter.hasNext()) { multipartfile file = multiRequest.getFile((String) iter.next()); if (file != null) { try { GridFSInputFile inputFile = fileService.save(file.getInputStream(),file.getoriginalFilename()); if (inputFile == null) { return StatusConfig.FileUploadError; } else { fileUrl = inputFile.getId().toString(); System.out.println("fileUrll" + (fileUrl)); } } catch (IllegalStateException | IOException e) { return StatusConfig.FileUploadError; } } } HashMap<String,Object> hashMap = new HashMap<String,Object>(); fileUrl = this.getHttpFilePath() + fileUrl; hashMap.put(ConstantsKey.STATUS,200); hashMap.put(ConstantsKey.DATA,fileUrl); String json = ConvertUtils.as().toJson(hashMap); System.out.println("photourl:" + json); return json; } else { return StatusConfig.RequestTypeError; } }
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。