解决使用layui上传文件时提示“请求上传接口出现异常”
在做网站的过程中,需要用户上传文件,接收文件的接口已经写好(经过测试确定可用)
现在需要在网页上提供一个文件上传的按钮。由于原生input type="file"组件太丑,考虑使用现成的框架layui。
跑到layui官网上查看官方文档进行学习
链接:https://www.layui.com/doc/modules/upload.html
模仿文档开头的示例进行实操,
在选择文件上传后,提示“请求上传接口出现异常”
然后F12在浏览器上打开开发者工具,点进console发现了一堆错
检查服务器url没有写错,接口也测试过是能用的
网上查了半天,并没有发现解决的办法。
后来,检查服务器后台发现文件实际上已经上传成功
百思不得其解之下去官网仔细阅读文档,发现问题所在
原来在使用layui上传文件时,需要返回一个合法 JSON 字符,而我原来的系统后台只是单纯地返回“上传成功”的字符串,所以即使是上传成功,但是由于layui接收到了不合法的responce,处理出错而提示“请求上传接口异常”
这也给了自己一个教训,在读官方文档的时候要读仔细读完整一点,不然容易遗漏重要信息。(不过有一说一,layui如果把这么重要的点在一开始就说明会不会对开发者更友好一点。。。。。。。。。。。)