程序员经验分享-hwhale

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

2023-11-05

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

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

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

layui

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

  • 简单制作后台系统页面（含菜单）

    第一步 制作数据库表 我个人喜欢在PowerDesigner先建好数据库模型 然后导入到mysql里 导入方式 在PowerDesigner导航栏点开Datebase选择Datebase Generation再选择最后的preview 然后

  • layui中关于table表格reload后有缓存问题的解决办法

    问题描述 我在父窗口的table中的数据渲染方式不是异步请求后端 而是直接从后端加载数据 渲染到模板的时候直接渲染的 也就是下图中的data tableDatas 如下图 表格渲染 table render elem mytable tex

  • Layui项目实战

    使用语言 C Js Html 使用框架 MVC Layui 使用插件 JQuery Layui 一 Layui父窗体前端代码 1 Html代码 div class layui col md12 style padding 8px div c

  • layui笔记之树形结构

    div ul class easyui tree ul div div class easyui menu style width 120px div 添加 div div

  • layui文档,最新文档地址,官网已经下线

    最新文档地址 官网已经下线了 http layui shagua wiki layuidoc doc index html

  • layui的layer弹出层和form表单

    参考文献 含代码 http www shagua wiki project 3 p 113

  • xShell操作Linux的常用命令

    我们需要在本地连接Linux服务器 可以用winscp来进行连接 优点是图形化界面 文件的层级关系类似于Windows 更容易操作 也可以使用xShell来进行连接 查看和操作文件就需要使用Linux命令 文件的层级关系没有前者直观 但作为

  • layui table直接编辑

    修改lay modules table js 在TPL HEADER中 if item2 type checkbox 复选框 修改为不显示标题行复选框 if item2 type checkbox item2 header undefine

  • js实现字母序号自动递增

    在实现一个考试管理系统的时候 可能会遇到试题的选项不是固定的情况 需要灵活的增加选项 选项自动递增 A B C D F 通过Unicode编码的方式可以灵活实现 本案例是基于layui表格实现的 如果是其他形式 可以修改部分代码 首先获取到

  • layui的使用

    下载链接 https pan baidu com s 1TIRrwFhua61jTqUCjme58Q pwd 1234 提取码 1234 gt layuiAdmin pro 即 单页版 gt layuiAdmin std 即 iframe

  • ThinkPHP6.0 多应用模式 部署 Layuiadmin 单页版

    QQ 23426945 PHP技术群 159789818 个人技术博客 https www itqaq com TP6 0中的路由省略应用名只能用入口文件绑定应用 和 域名绑定应用 经过测试 最后得出域名绑定应用是最合适的部署方式 如果有更

  • LayUI系列（三）之动态添加选项卡

    文章目录 前言 一 什么是Tab选项卡 二 动态选项卡 1 通过网站查找layui选项卡的页面布局代码 2 动态添加选项卡 3 将选项卡的名称换成选中的菜单名称 4 已打开的选项卡不再重复打开 5 选择已被打开的选项卡则进行选项卡的转换 三

  • 关于Layui后台ajax返回问题

    刚接触LayUI 几次出现 返回的数据异常 问题 皆是因为数据的格式不对 这里做个小笔记 一般的格式这个样子 data result array code gt 0 msg gt count gt 100 data gt

  • 文件ajax上传方式

    直接看代码 1 html table class layui table thead tr td width 20 产品信息 td td 产品信息 td tr thead tbody tr td 产品名称 td td td tr tbody

  • layui php+PHPExcel 拉取excel表格数据一键导入

    需求 大量数据需要导入数据库 直接拉取excel表格进行读取数据并存入数据库 过程中不对文件进行存储 使用上传过程中的缓存文件 前端代码 layui php

  • 使用layui 写一段动态向form表单添加select下拉框，带删除功能

    可以参考如下示例代码 实现动态向表单中添加和删除 select 下拉框 div class layui container div

  • 基于python+flask实现视频数据可视化

    项目概要 对视频的标题 播放量 弹幕量以及收藏量 视频分类等数据进行分析 通过flask项目中的python代码进行数据库连接进行前后端交互功能的实现 通过layui框架进行系统前端页面的功能实现 通过knn分类算法以及k均值聚类算法对爬取

  • Java版企业电子招标采购系统源码—鸿鹄电子招投标系统-企业战略布局下的采购寻源

    项目说明 随着公司的快速发展 企业人员和经营规模不断壮大 公司对内部招采管理的提升提出了更高的要求 在企业里建立一个公平 公开 公正的采购环境 最大限度控制采购成本至关重要 符合国家电子招投标法律法规及相关规范 以及审计监督要求 通过电子化

  • 企业电子招标采购系统源码Spring Cloud + Spring Boot + MybatisPlus + Redis + Layui + 前后端分离 + 二次开发

    项目说明 随着公司的快速发展 企业人员和经营规模不断壮大 公司对内部招采管理的提升提出了更高的要求 在企业里建立一个公平 公开 公正的采购环境 最大限度控制采购成本至关重要 符合国家电子招投标法律法规及相关规范 以及审计监督要求 通过电子化

  • layui表格table不分页，显示全部数据

    layui表格table不分页 显示全部数据 表格渲染时添加两行代码 page false limit Number MAX VALUE 数据表格默认全部显示 table render elem orderTable id orderTab

随机推荐

  • 微服务内部服务调用@Inner

    1 外部从Gateway访问 需要鉴权 eg CURD操作 这种是最常使 的 户登录后正常访问接 不需要我们做什么处理 可能有的接 需要加权限字段 2 外部从Gateway访问 不需要鉴权 eg 短信验证码 需要我们将uri加 到secur

  • SLF4J分析

    slf4j Simple Logging Facade for Java 为java提供的简单日志Facade Facade 门面 更底层一点说就是接口 他允许用户以自己的喜好 在工程中通过slf4j接入不同的日志系统 更直观一点 slf4

  • 基于matlab实现平均移动法

    平均移动法 基于matlab实现 代码如下 示例 clc clear load xy mat x y m length y n 4 5 6 7 10 20 n 为移动平均的项数 l length n for i 1 length n 由于

  • 阿里云服务器更换操作系统流程（新版教程）

    阿里云服务器操作系统选择后还可以更改吗 可以的 重装操作系统是免费的 但是需要注意中国大陆地域可以随意更换 中国香港 新加坡等非中国大陆地域的云服务器不支持Windows和Linux操作系统之间变换 阿里云百科来详细说下阿里云服务器重装操作

  • CentOS8、Ubuntu安装mysql5.7,修改密码、配置远程访问、开机自启、创建开发者账户（超级详细）

    下载MYSQL wget http dev mysql com get mysql80 community release el7 3 noarch rpm 安装MYSQL RPM 模块 rpm ivh mysql80 community

  • m3u8文件

    EXTM3U m3u文件头 必须放在第一行 起标示作用 EXT X VERSION 播放列表文件的兼容版本 若不存在此标记 则默认为协议的第一个版本 EXT X MEDIA SEQUENCE 播放列表中的每个媒体 URI 都有一个唯一的整数

  • docker容器内修改配置文件

    一 vim修改 1 进入容器内部 docker exec it id bin bash 2 安装vim 输入命令 apt get update apt get install vim 二 替换配置文件 1 替换配置文件 docker cp

  • 最火前端Web组态软件(可视化)

    前言 随着物联网 大数据等技术高速发展 我们逐步向数字化 可视化的人工智能 AI 时代的方向不断迈进 智能时代是工业 4 0 时代 我国工业领域正努力从 制造 迈向 智造 的新跨越 正文 1 mxgraph 介绍 开源免费 但是需要解决的问

  • CososCreator （Android）-AppLovin MAX 广告聚合平台接入+Firebase统计

    CososCreator 2 4 4 Android Studio 4 2 1 接入SDK有 接max聚合及中介平台 Admob FB applovin pangle mintegral vungle unity 和Firebase 统计

  • kubernetes（k8s）介绍

    记录自己的学习历程 应用部署方式演变 在部署应用程序的方式上 主要经历了三个时代 传统部署 互联网早期 会直接将应用程序部署在物理机上 优点 简单 不需要其它技术的参与 缺点 不能为应用程序定义资源使用边界 很难合理地分配计算资源 而且程序

  • 入门Webpack，看这篇就够了

    写在前面的话 阅读本文之前 先看下面这个webpack的配置文件 如果每一项你都懂 那本文能带给你的收获也许就比较有限 你可以快速浏览或直接跳过 如果你和十天前的我一样 对很多选项存在着疑惑 那花一段时间慢慢阅读本文 你的疑惑一定一个一个都

  • 笔试

    文章目录 前言 41 关键路径与路径优化 何为关键路径 怎么进行路径优化 1 组合逻辑中插入寄存器 插入流水线 2 寄存器平衡 重定时Retiming 3 操作符平衡 加法树 乘法树 4 消除代码优先级 case代替if else 5 逻辑

  • linux通过yum和官网下载jdk安装java步骤

    1 yum方式下载安装 1 查找java相关的列表 yum y list java 或者 yum search jdk 2 安装jdk yum install java 1 8 0 openjdk x86 64 3 完成安装后验证 java

  • FreeRTOS学习（八） 延时函数

    声明及感谢 跟随正点原子资料学习 在此作为学习的记录和总结 环境 keil stm32f103 FreeRTOS延时函数有两个 分别是 vTaskDelay vTaskDelayUntil 1 vTaskDelay 任务相对延时 函数原型

  • elk笔记21--将DSL查询转为kibana短链接

    elk笔记21 将DSL查询转为kibana短链接 1 简介 2 功能实现 2 1 源码 2 2 测试 3 注意事项 4 说明 1 简介 较新版本的 kibana 前端都有一个 Share gt Short URL 的功能 用起来非常方便

  • springBoot项目与Eureka注册中心整合时候关于版本兼容问题

    java lang NoSuchMethodError org springframework boot builder SpringApplicationBuilder Ljava lang Object V 如果在搭建springboo

  • python基础总结：1.7、模块

    python基础总结 1 7 模块 文章目录 python基础总结 1 7 模块 1 更多有关模块的信息 1 1 以脚本的方式执行模块 1 2 模块搜索路径 1 3 编译过的 python文件 2 标准模块 3 dir 函数 4 包 4 1

  • 区分电角度和机械角度

    电角度的区别和联系 以下内容均来自于网络搜索 这里仅用作于自己记录笔记 解释1 机械角度意为空间几何角度 相当于360 电角度是指通过一个完整的周期内电流完成变化 从电磁分布的角度来看 永磁体 或励磁 产生的磁场空间分布呈现周期性变化 一个

  • 《SQL中有关DQL、DML、DDL、DCL的概念与区别》

    SQL Structure Query Language 结构化查询语言是数据库的核心语言 是高级的非过程化编程语言 它功能强大 效率高 简单易学易维护 SQL语言基本上独立于数据库本身 使用的机器 网络 操作系统 基于SQL的DBMS产品

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

    在做网站的过程中 需要用户上传文件 接收文件的接口已经写好 经过测试确定可用 现在需要在网页上提供一个文件上传的按钮 由于原生input type file 组件太丑 考虑使用现成的框架layui 跑到layui官网上查看官方文档进行学习

热门标签