解决使用layui上传文件时提示“请求上传接口出现异常”

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

这也给了自己一个教训,在读官方文档的时候要读仔细读完整一点,不然容易遗漏重要信息。(不过有一说一,layui如果把这么重要的点在一开始就说明会不会对开发者更友好一点。。。。。。。。。。。)



来源:春哥技术博客,欢迎分享,转载请注明出处。(欢迎加春哥团队客服微信号:taike668)

本文地址:https://www.cgtblog.com/jishu/5253.html
上一篇:抖音uid是什么?如何获取抖音UID?      下一篇:微信小程序地理位置接口申请教程详解