SpringBoot 实现文件上传、图片上传（最全上传功能）

- 日理万妓 2022-12-22 09:36 188阅读 0赞

# SpringBoot + AjaxFileUpload.js 实现文件上传 #

AjaxFileUpload.js并不是一个很出名的插件，原理是创建隐藏的表单和iframe然后用JS去提交，获得返回值。

ajaxFileUpload是一个异步上传文件的jQuery插件

## 使用步骤： ##

前端代码：

一、先引入jQuery与ajaxFileUpload插件。注意先后顺序（自己到网上去下载ajaxFileUpload.js文件）

二、HTML代码

三、js代码

接下来后端代码

Spring Boot 默认装配的了 MultipartAutoConfiguration，所以我们不用配置

四、上传接口，将图片文件保存到指定地址

@RequestMapping(value = "/excel_import",method = RequestMethod.POST)
        @ResponseBody
        public Map<String, Object> excelImport(@RequestParam MultipartFile fileExcel) {
            Map<String, Object> map = new HashMap<>();
            InputStream is = null;
            try {
                is =  fileExcel.getInputStream();
                // 文件全称
                String fileName = fileExcel.getOriginalFilename();
                int index;
                byte[] bytes = new byte[1024];
                // 保存到本地地址,需要拼接上fileName，不然会报错
                String destination = "D:\\uploadImage\\tengJun\\"+fileName;
                FileOutputStream downloadFile = new FileOutputStream(destination);
                while ((index = is.read(bytes)) != -1) {
                    downloadFile.write(bytes, 0, index);
                    downloadFile.flush();
                }
                downloadFile.close();
                is.close();
            } catch (IOException e1) {
                e1.printStackTrace();
                map.put("result",false);
                map.put("errorMsg","文件格式有误！");
                return map;
            } catch (Exception e) {
                e.printStackTrace();
                map.put("result",false);
                map.put("errorMsg","导入失败！");
                return map;
            }
    
            map.put("result",true);
            map.put("errorMsg","参数错误！");
            return map;
        }

就这样，完美的实现了文件上传！！！

容易出错的地方总结：

*  js引用顺序问题，应该先引入jquery，再引入ajaxfileupload。
 *  input的name="fileExcel"  应该跟后台接收参数对应