layui.upload上传图片报错“请求上传接口出现异常”

最新推荐文章于 2023-07-19 08:46:51 发布
原创 最新推荐文章于 2023-07-19 08:46:51 发布 · 5.4k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#json #java #php #bug #接口

本文介绍了使用layui的upload组件时遇到的问题及解决过程。主要问题是上传接口返回的JSON格式不正确导致的错误提示，以及代码中残留的测试用echo语句所引发的问题。

今天上传图片报错了，使用的layui的upload控件，报错信息：请求上传接口出现异常，如图：

image.png

经查，是由于修改某些cookie信息造成的，出现这个情况其实就是返回的json数据格式不正确

另外，我修正了json格式后，发现还是报错，经查，是由于代码中出现了测试用的echo，注销掉，解决

hifhf
关注
layui上传文件时，提示请求上传接口出现异常
木心小白菜的博客
11-22 9235
在使用layui上传文件的时候，总是提示上传接口异常。 1、首先查看浏览器控制台的的网络显示，发现端口是500，说明是后台程序的问题。 2、然后百度，大多数的回答是：服务器返回值有问题。然后更改了不同类型的返回值。 下面是我改的两种代码：（layui默认的MultipartFile 的参数是file） @RequestMapping("/uploadfile") @ResponseBody public JSONObject uploadfile(MultipartFile file) { Syst
layui上传文件提示上传异常，实际文件已经上传成功
周振伟的博客
04-22 1万+
layui上传文件提示上传异常，实际文件已经上传成功原因：上传回调的方法接收的参数应该是json格式的，之前返回的是String,所以一直走异常的方法        @ResponseBody @RequestMapping("/web/upload") public JSONObject uploadSourceData(@RequestParam(value="file") Multipart...
layui上传图片：请求上传接口异常
weixin_62488603的博客
09-03 2083
奇怪的bug：使用layui的文件上传功能时，第一次上传图片不报错，之后在上传就一直报错，重启电脑之后还是第一次不报错，之后报错，找了半天问题，把文件上传的代码重新复制粘贴了一下就不报错了。
layui上传文件请求接口异常_layui 请求上传接口出现异常 解决过程
weixin_39730284的博客
12-20 6839
问题：layui上传图片经常出现“请求上传接口出现异常”的提示，PC端没有问题，这个问题出现在移动端，小图片没有问题，稍微大一点的图片(大概超过500K左右)就会出现这个问题，困扰我很长时间。下面就来说一下解决的过程。首先“请求上传接口出现异常”这个提示是出现在layui的upload.js文件中，相关的代码是：error:function(){n++,o.msg("请求上传接口出现异常"),m(...
在LayUI图片上传中,解决由跨域问题引起的请求接口错误的方法
10-16
在LayUI图片上传功能中，如果前端和后端不在同一域或端口下，就会触发这个限制，导致请求接口失败。本文将介绍如何解决由跨域问题引起的请求接口错误。 首先，我们需要理解跨域的基本概念。跨域（Cross-Origin）是...
解决layui上传文件提示上传异常,实际文件已经上传成功的问题
10-18
在使用layui前端框架进行文件上传时，可能会遇到一个常见的问题：虽然文件实际上已经成功上传到服务器，但layui却显示上传异常。这个问题通常与后端服务器返回的数据格式有关。本文将详细分析这个问题的原因，并提供...
upload.zip
02-05
当用户选择文件后，`upload.js`会处理这些文件并发起HTTP请求到预设的上传接口。如果在这一过程中出现问题，可能是以下原因导致的： 1. **接口配置错误**：确保你正确配置了layui的upload事件，特别是`url`参数，它...
layui上传文件弹出请求上传接口出现异常的终极解决方案（v2.68版本、ajax底层逻辑修改、debug快速定位）
漏刻有时数据可视化大屏（PHP&ECHARTS智能化开源软件系统）
07-19 3793
Unicode是一种字符编码标准，它为世界上几乎所有的字符（包括字母、数字、标点符号、表情符号和特殊字符）分配了一个唯一的数值标识，用于在计算机中表示和处理文本。你可以在网上找到Unicode字符编码表，以了解每个字符的Unicode编码值。在layui的封装压缩js文件中，只做了错误提示，未将具体的原因，进行展示。总之，Unicode使得在计算机中处理和表示各种字符集变得简单和统一，使得不同国家和文化之间的文字交流成为可能。，基本上都是返回的参数，不是标准的json格式导致的。请求上传接口出现异常。
Layui上传中,请求上传接口出现异常 解决方法
浪克oo的博客
03-29 6214
是由于跨域问题的原因，解决方法之一是在后台上传接口里添加 response.addHeader("Access-Control-Allow-Origin", "*");
layui图片上传报错问题
C4pt4in pro
03-01 2073
在家闲着无事 随便搞了一下Springboot+Mybatis。发现没有界面，就找了很多前端框架 最后看重了国产layui。 此为前言。 为什么写这篇呢，因为今天犯了个巨大的错误。简直到家了 ...
用LayUI和ajax实现文件上传，“请求上传接口出现异常”问题
qq_45868866的博客
07-22 8789
在ssm框架下，用LayUI（ajax）实现文件上传，以及解决“请求上传接口出现异常”问题 一.框架、样式、异常情况如下： 二、1.在jsp中的body中写按钮和上传后图片放入的框 <div class="layui-form-item layui-form-text"> <label class="layui-form-label">上传按钮</label>
解决使用layui上传文件时提示“请求上传接口出现异常”
weixin_44337965的博客
03-05 1万+
在做网站的过程中，需要用户上传文件，接收文件的接口已经写好（经过测试确定可用） 现在需要在网页上提供一个文件上传的按钮。由于原生input type="file"组件太丑，考虑使用现成的框架layui。 跑到layui官网上查看官方文档进行学习 链接：https://www.layui.com/doc/modules/upload.html 模仿文档开头的示例进行实操， 在选择文件上传后，提示“请...
请求上传接口出现异常-layui的文件上传问题
热门推荐
hanhanhanxu的博客
04-29 3万+
问题：ssm+layui项目 在做图片上传时使用layui的文件上传： https://www.layui.com/demo/upload.html 这个我只用了第一个 “常规使用：普通图片上传” 写好后一直出现“请求上传接口出现异常”的异常。 后来检查发现是在controller中返回类型使用的是JSONObject，然后换成Map就没问题了。 效果： 代码： 前台...
漏刻有时导入数据layUI上传提示“请求上传接口出现异常”的解决方案
漏刻有时数据可视化大屏（PHP&ECHARTS智能化开源软件系统）
04-28 1805
分析问题： layui上传错误：请求上传接口出现异常解决方案 提示如下错误: Incorrect integer value: '' for column 'vid' at row 1的错误; **官方解释说：**得知新版本mysql对空值插入有"bug", 在安装mysql的时候去除默认勾选的enable strict SQL mode 解决办法是重新配置mysql中的配置 my.ini 默...
layui上传报错会有哪些原因_Layui插件上传图片具体步奏以及获取图片地址
weixin_42136477的博客
02-17 461
注意事项：(1)在使用插件之前需要引入该插件文件包不可分开使用。(2)在运行过程中会出现报一个错误(上传图片异常等等)。(3)所需js文件和CSS文件根据自己的需求来引用。(4)遗漏之处根据自己所需来进行查漏补缺(此方法不唯一)。2.布置所需环境：*头像上传上传图片3.如何解决异常报错(详情)样式问题根据自己需求自定义示例：layui.use('upload', function () {var...
layui上传报错会有哪些原因_Layui上传文件
weixin_39961522的博客
12-22 755
前端：LOGO上传图片layui.use(['jquery', 'layer', 'form', 'upload'], function(){var layer = layui.layer,form = layui.form,upload = layui.upload,$ = layui.$;var uploadLogo = upload.render({elem: '...
人人站CMS后台上传图片提示“请求上传接口出现异常“如何解决？
bunnty的博客
12-16 6190
遇到上传图片出现上传错误提示，提示"请求上传接口出现异常“属于服务器配置问题，是没有没有安装fileinfo扩展，去服务器安装即可解决问题！ 错误如下图所示： 拓展安装如下图：
使用layui.upload通过图片相对路径上传默认图片
07-09
使用 layui.upload 来通过图片相对路径上传默认图片的步骤如下： 1. 在 HTML 页面中引入 layui 相关的样式和脚本文件： ```html <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/layui@2.5.7/dist/css/...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

hifhf

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

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

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

打赏作者

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

抵扣说明：

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

余额充值