关于使用layui上传文件功能，后台上传成功，但是前端显示上传失败问题

于 2021-10-27 10:21:06 发布
阅读量723 收藏
点赞数
分类专栏： 前端 文章标签： 前端 layui javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chendongpu/article/details/120987607
版权
本文探讨了在使用layui前端框架进行文件上传时遇到的问题，即前端显示接口异常，尽管后端已成功处理并返回数据。关键原因在于后端需返回符合JSON格式的响应信息。解决此问题对于确保前后端正常通信至关重要。
摘要由CSDN通过智能技术生成

问题描述：

在使用layui上传文件时，后台已经成功接收并改变数据，但是前端一直显示接口异常。

在这里插入图片描述
原因分析：
后端必须response一个JSON格式信息

reg183
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
layui上传文件时，提示请求上传接口出现异常
木心小白菜的博客
11-22 8715
在使用layui上传文件的时候，总是提示上传接口异常。 1、首先查看浏览器控制台的的网络显示，发现端口是500，说明是后台程序的问题。 2、然后百度，大多数的回答是：服务器返回值有问题。然后更改了不同类型的返回值。 下面是我改的两种代码：（layui默认的MultipartFile 的参数是file） @RequestMapping("/uploadfile") @ResponseBody public JSONObject uploadfile(MultipartFile file) { Syst
使用layui实现多文件列表上传
12-28
在“使用layui实现多文件列表上传”这个项目中，主要涉及到了layui的文件上传功能，这在网页应用中是非常常见且实用的功能，尤其对于需要用户提交多份文件的场景。 首先，layui的文件上传组件是基于HTML5的File API...
layui文件上传，后台上传文件成功，但是前端一直跳到error方法，提示上传失败信息，
violin256的博客
05-04 4092
出错：上传文件成功，但是前端一直跳到error方法，提示上传失败信息，本例子原后台返回数据为string类型，前端Ajax异步请求，控制层为@@RestController。 解决办法：后台返回类型改为Map<String,Object> 代码为 //上传图片 @PostMapping("/upload") public Map<String,Object> imgStri...
关于使用LayUIAdmin富文本上传图片时，上传成功但是报错的解决办法（LayUI踩坑篇六）
小楊同学的笔记本
07-01 1416
如果你把LayUI的成功码改为200，那么，富文本上传时，就会出现，明明上传成功，服务器上也有上传的图片，但是就是提示上传失败的问题。
layui中的坑：layui.upload无效
热门推荐
刘学文的博客
07-23 1万+
今天在使用layui中自带的文件上传组件layui.upload的时候，遇到了一个问题，就是当我在关闭弹出层之后，父页面中的layui.upload事件就无法监听，网上找了好久，最后发现了layui中关于upload中的一个问题：当layui.upload被重复渲染之后，就会无效。基于这个原理，如果layui.upload事件在选择图片之后没有进行回调，没有触发事件，可以去看一下是不是将lay...
layui.upload上传图片报错“请求上传接口出现异常”
weixin_42172723的博客
03-19 453
layui.upload上传图片报错“请求上传接口出现异常”且接口报404问题在调试layui.upload上传图片时候报错“请求上传接口出现异常”:且接口返回是404，返回接口丢失了。复盘处理流程：花了一些事件，做了如下的一些问题筛选处理，首先要确认接口是否是通的，找一个更小的图片试下，1kb左右，如果接口不通，那么调接...
用LayUI和ajax实现文件上传，“请求上传接口出现异常”问题
qq_45868866的博客
07-22 8397
在ssm框架下，用LayUI（ajax）实现文件上传，以及解决“请求上传接口出现异常”问题 一.框架、样式、异常情况如下： 二、1.在jsp中的body中写按钮和上传后图片放入的框 <div class="layui-form-item layui-form-text"> <label class="layui-form-label">上传按钮</label>
Layui实现文件上传进度条
04-06
今天我们将探讨如何使用Layui实现文件上传进度条。 进度条组件 Layui的进度条组件是一个轻量级的UI组件，它可以用来表示进度、百分比、进度条等信息。进度条组件可以通过设置不同的参数来实现不同的样式和效果。 ...
layui 实现表单和文件上传一起传到后台的例子
10-16
在本文中，我们将探讨如何使用layui框架实现在前端表单数据和文件一起上传到后台服务器。layui是一款基于layui.js的轻量级前端组件库，它提供了丰富的UI组件和便捷的API，非常适合快速构建Web应用。 首先，我们来看...
layui框架实现文件上传及TP3.2.3(thinkPHP)对上传文件进行后台处理操作示例
10-18
根据给定的文件信息，本文将重点介绍layui框架如何实现文件上传功能，并在ThinkPHP框架（版本3.2.3）中如何进行上传文件的后台处理。以下将详细阐述这些知识点。 ### Layui框架文件上传实现 Layui是一个基于Node....
解决layui上传文件提示上传异常,实际文件已经上传成功的问题
10-18
今天小编就为大家分享一篇解决layui上传文件提示上传异常,实际文件已经上传成功的问题。具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
文件批量上传 tp+layui
02-17
标题“文件批量上传 tp+layui”表明我们要讨论的是一个基于ThinkPHP（简称tp）框架和Layui前端组件库实现的文件批量上传功能。Layui是一个轻量级的前端框架，提供了丰富的UI组件，而ThinkPHP则是一个流行的PHP开发...
layui上传文件请求接口异常_解决layui table表单提示数据接口请求异常的问题
weixin_39619270的博客
12-20 1265
问题一：直接拿别人的文件放在本地打开如下图原因：这是提示“交叉源请求仅支持协议方案：HTTP、数据、Chrome、Chrome扩展、HTTPS。”也就是你不能用本地文件打开，本地打开是file:///C:/Users/Administrator/Desktop/git/layui_table1.html可以在本地服务器上展示没有问题http://localhost/git/layui_table1...
Layui上传中,请求上传接口出现异常 解决方法
浪克oo的博客
03-29 6052
是由于跨域问题的原因，解决方法之一是在后台上传接口里添加 response.addHeader("Access-Control-Allow-Origin", "*");
kindeditor 上传图片后端成功了，web显示上传失败 ,已解决
ztfloserboy的博客
05-15 673
别人是什么都懂，然后写上代码教大家怎么做，而我只是一个被自己蠢哭的啥都不会的yang 今天我就来告诉大家，被自己蠢哭是啥意思 springboot实现图片上传，我以前不知道原来是有kindeditor这个html在线编辑器 大概长这样，这只是部分截图啊，红圈那个就是多图片上传的按钮 尽然有这个，那就引入被 http://kindeditor.net/demo.php 要在页面实现上面的样子，首先你要在XXXX.html里面引入textare俗称富文本编辑，代码如下： <div class="
ie6多文件上传_「layui」上传文件综合实例
weixin_39809175的博客
11-20 109
初始化文件列表初始化文件列表选择需要上传的文件列表选择需要上传的文件列表上传之后清空或者预览上传之后清空或者预览在线预览上传的文件在线预览上传的office文件代码源码： 上传文件综合实例 文件列表 选择多文件 ...
layui upload 添加数据添加成功后，不走回调
m0_37626203的博客
05-16 4620
如题：出现这样的情况有两种问题： 当请求成功的时候，进入了error，并不理解，我只是进入了统一的异常管理中，为什么直接进入了error中 如果请求成功的回调函数是进入success，那么很抱歉，他这个是done，我以前做的是done，现在改成了success。 当进入第一种的时候，我以为是出现了返回数据不是json格式的，但是，我返回的是统一格式的json对象。没有问题，这个是缓存的问题。关...
layui框架实战案例(3)：layui上传错误请求上传接口出现异常解决方案
漏刻有时数据可视化大屏（PHP&ECHARTS智能化开源软件系统）
02-05 6855
问题描述： 1、本地phpstudy部署，php 7.0.12， MySQL5.5.53 本地测试正常； 2、服务器环境，宝塔配置部署WAMP，测试正常； 异常情况： 服务器环境windows 2016，phpstudy pro部署， php 7.3 ,MySQL5.7.6，出现上图错误。 layui版本：v2.2.6 MIT 其实遇见这种问题是很奔溃，因为这个错误原因，事情往往是是干进度...
layui 上传组件 连续上传同一个文件upload组件无反应
ll_883963的博客
08-09 821
问题描述：选择一个文件后，确定上传，上传失败，文件置空，但我再次选择这个文件的时候，upload选择无反应。 解决方案：在upload组件的choose内添加 uploadcom.config.elem.next()[0].value = ‘’; var uploadcom= upload.render({ elem: '#file-btn-upload' ,url: "" ,auto: false //选择文件后不自动上传 ,accept.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

reg183

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值