传统form表单提交方式的文件上传与文件存储

引言

时隔一天，上一篇文章《文件存储》刚一停笔，今天上午就解决了困扰我已久的文件上传问题。

站在一个已实现功能的角度来重新看待这个文件上传的业务：编辑页面选择jar包，然后通过form表单提交，上传到后台程序，然后保存。

对于后端实现的更多细节，可以参考我的另一篇技术分享《Java实现用户头像上传》，里面较为详细的分析了文件从浏览器传输到服务器之后的一些处理规则，包括接收方式、磁盘存储等。

文件上传的入口

最简单的浏览器上传入口仅需要一个form标签：

<form action="http://localhost:8081/thingsparse/addorupdthingsparse" method="post" enctype="multipart/form-data"><input type="file" name="file" value="选择jar包"/><input id="submit_form" type="submit" class="btn btn-success save" value="保存"/>
</form>

前端只是用了传统的form表单上传文件的方式，提交按钮直接submit到后台，而不需要多写哪怕一丁点的额外js。

值得注意的是：每条form表单参数都需要有name属性，以及form表单的enctype="multipart/form-data"。

文件的存储

其实关键的代码就是文件的接收，至于后面的存储操作，基本上都是对IO流的操作。浏览《Java实现用户头像上传》参考更多信息。

/*** 解析新建编辑* * @param String*            newThingsParse是一个拥有ThingsParse类结构的json字符串* @return*/@RequestMapping(value = "/addorupdthingsparse")public ModelAndView saveThingsParse(MultipartFile file, HttpServletRequest request) {String idStr = request.getParameter("thingsparse_id");ThingsParse thingParse = new ThingsParse();//将被存储于mongodb的实例String filePath = "";// jar包的路径if (!file.isEmpty()) {File temp = new File("");filePath = temp.getAbsolutePath() + "\\" + file.getOriginalFilename();BufferedOutputStream out;try {out = new BufferedOutputStream(new FileOutputStream(new File(filePath)));out.write(file.getBytes());out.flush();out.close();} catch (FileNotFoundException e) {e.printStackTrace();} catch (IOException ex) {ex.printStackTrace();}}logger.info("保存的jar包路径是：" + filePath);//output:保存的jar包路径是：D:\workspace\wxgz\json.jarthingParse.setJarPackage(filePath);thingParse.setAuthor(request.getParameter("author"));thingParse.setDirection(request.getParameter("direction"));thingParse.setEntranceClass(request.getParameter("entrance_class"));thingParse.setEntranceMethod(request.getParameter("entrance_method"));thingParse.setName(request.getParameter("thingsparse_name"));thingParse.setTestData(request.getParameter("test_data"));thingParse.setVersion(request.getParameter("version"));if (idStr == null || "".equals(idStr)) {// 新增// 获取当前系统时间Calendar now = Calendar.getInstance();SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");String nowStr = sdf.format(now.getTime());// 将物解析实例的创建时间赋值thingParse.setCreateTime(nowStr);// 存储thingsParseRepository.save(thingParse);} else {// 编辑thingParse.set_id(new ObjectId(idStr));if(file.isEmpty()){thingParse.setJarPackage(request.getParameter("jar_package"));}thingParse.setCreateTime(request.getParameter("thingsparse_createtime"));thingsParseRepository.save(thingParse);}String listUrl = "redirect:http://localhost:8081/thingsparse/thingsparselist";return new ModelAndView(listUrl);//后台重定向}