最新要闻

广告

手机

iphone11大小尺寸是多少？苹果iPhone11和iPhone13的区别是什么？

iphone11大小尺寸是多少？苹果iPhone11和iPhone13的区别是什么？

 警方通报辅警执法直播中被撞飞：犯罪嫌疑人已投案

警方通报辅警执法直播中被撞飞：犯罪嫌疑人已投案

家电

  1. 首页
  2. 移动通信
  3. 内容

【焦点热闻】Springboot+HTML5+Layui2.7.6上传文件【请求上传接口出现异常】

来源：博客园


(相关资料图)

1.最近两天在springboot+html5项目中发现在用layui框架时报请求上传接口出现异常这个错误。

2.将代码全部整理了一遍，发现前端后台都没错！！！

但是还是【请求上传接口出现异常】，于是跑去翻看layui官网。

3.最终最终将错误锁定到了返回的JSON字符串中，我是返回的String，所以一直都会报【请求上传接口出现异常】。

4.可以在controller中将其返回成JSON字符串。

<1>首先我们要导入一个依赖

    com.alibaba    fastjson    1.2.54

<2>在controller中修改成上传成功返回JSON字符串

@PostMapping("/uploadFile")    @ResponseBody    public HashMap singleFileUpload(@RequestParam("file") MultipartFile file) {        if (LOGGER.isDebugEnabled()) {            LOGGER.debug("fileName = {}", file.getOriginalFilename());        }        try {            if (file == null || NULL_FILE.equals(file.getOriginalFilename())) {                // return "upload failure";                return ResultMapUtil.getHashMapUploadFile("upload failure","500");            }            fileService.saveFile(file.getBytes(), uploadFolder, file.getOriginalFilename());        } catch (Exception e) {            // return "upload failure";            return ResultMapUtil.getHashMapUploadFile("upload failure","500");        }        // return "upload success";        return ResultMapUtil.getHashMapUploadFile("upload success","200");    }

【注意：这一步中不同的人写的项目不同，controller也不相同，需要自己的根据实际情况来】

<3>给前端返回JSON格式数据

/** * 给前端返回的json格式数据 */public class ResultMapUtil {    // 上传文件返回结果    public static HashMap getHashMapUpload(String msg, String code){        HashMap resultMap = new HashMap<>();        resultMap.put("msg",msg);        resultMap.put("code",code);        if("200".equals(code)){            resultMap.put("msg","success");        }else {            resultMap.put("msg","failure");        }        return resultMap;    }}

<4>文件上传service文件

@Service@Transactionalpublic class FileServiceImpl implements FileService {    private static final String UTF_8 = "UTF-8";    @Value("${file.uploadFolder}")    private String uploadFolder;    @Override    public void saveFile(byte[] file, String filePath, String fileName) throws Exception {        File targetFile = new File(filePath);        if (!targetFile.exists()) {            targetFile.mkdirs();        }        FileOutputStream out = new FileOutputStream(filePath + fileName);        out.write(file);        out.flush();        out.close();    }}

<5>文件上传service实现类文件

@Service@Transactionalpublic class FileServiceImpl implements FileService {    private static final String UTF_8 = "UTF-8";    @Value("${file.uploadFolder}")    private String uploadFolder;    @Override    public void saveFile(byte[] file, String filePath, String fileName) throws Exception {        File targetFile = new File(filePath);        if (!targetFile.exists()) {            targetFile.mkdirs();        }        FileOutputStream out = new FileOutputStream(filePath + fileName);        out.write(file);        out.flush();        out.close();    }}

5.上传文件的接口按照自己的来，这一步就已经可以成功上传并不会显示请求上传接口出现异常。

6.【写在最后】，我们都在路上，加油！！！

关键词：