解决Layui上传文件提示异常但实际成功的问题

作者:资源驿站时间:2026-10-22 17:12:26浏览:329

本文分析Layui文件上传时前端提示异常但文件已成功保存的问题。根本原因在于后端接口未返回JSON格式数据,而是返回了String类型,导致Layui解析失败并触发错误回调。通过修改后端控制器,确保返回JSONObject对象,即可解决该异常提示问题。

Layui上传异常现象

在使用Layui进行文件上传时,可能会遇到前端界面提示“上传异常”,但实际上文件已经成功保存到服务器端的情况。

异常原因分析

造成这一现象的原因是Layui上传组件的回调方法期望接收JSON格式的数据。如果后端接口返回的是String类型,Layui无法正确解析响应,从而错误地进入异常处理分支。

后端接口实现示例


@ResponseBody
@RequestMapping("/web/upload")
public JSONObject uploadSourceData(@RequestParam(value="file") MultipartFile file ){
String filePath = “”;
String fileName = filePath+System.currentTimeMillis()+"_"+file.getOriginalFilename(); //上传后的文件名  原始文件名加上时间戳
FileOutputStream out;
JSONObject resObj = new JSONObject();
resObj.put("msg", "ok");
try {
out = new FileOutputStream(new File(fileName));
IOUtils.copy(file.getInputStream(), out);
out.close();
} catch (Exception e) {
// TODO Auto-generated catch block
resObj.put("msg", "error");
e.printStackTrace();
}
return resObj;
}

总结

上述内容分享了解决Layui上传文件提示异常但实际已成功问题的方法,希望能为遇到类似问题的开发者提供参考。

作者最新文章