layui 文件上传前检查文件大小,后面再点上传出现重复提交的问题

重复提交问题是由于用户多次点击上传按钮或者网络延迟造成的,可以通过以下方法解决:

  1. 前端解决方案:

    • 在用户点击上传按钮后禁用按钮,避免用户多次点击。
    • 在文件上传开始前,检查文件是否已经在上传中,如果是,则不进行重复上传。
    • 在上传完成或者上传失败后,启用上传按钮,允许用户再次上传。
  2. 后端解决方案:

    • 在上传文件时,记录已经上传的文件的信息,如文件名、大小等,将其存储在数据库或者缓存中。
    • 在每次上传文件之前,先检查文件的信息是否已经存在,如果存在,则认为是重复提交,不进行上传操作。
    • 在上传完成或者上传失败后,删除已上传文件的信息。

这样可以避免用户重复提交文件,并保证文件上传的唯一性。

upload.render({
elem: layero.find(“#uploadPicture”),
url: ‘{:url(“admin/annex/upload?type=modellabel&water=no&group=office”)}’,
data: {
model_id: 1
},
accept: ‘images’,
acceptMime: ‘image/png,image/jpeg’,
exts:‘jpg|png’,
method: ‘post’,
auto:false,
size: 1024*10, //上传文件大小kB
multiple: false, //允许多文件上传
number: 1, //可以同时上传的文件数量,0表示不限制
// bindAction: ‘#upimgAction1’,
choose: function (obj) {
//预读本地文件,如果是多文件,则会遍历。(不支持ie8/9)
var flag = true;
obj.preview(function (index, file, result) {
console.log(111);

                                console.log(file);            //file表示文件信息,result表示文件src地址if(file.size > 1024*1024) { //当文件大小大于10MB时layer.msg("{$Think.lang.site_parametre_popup_img_max}1MB", {offset: 'auto'}); flag = false;}if(flag) obj.upload(index, file)});

// $(‘#upimgAction1’).click();
},
done: function (res, index, upload) { //每个文件提交一次触发一次。详见“请求成功的回调”
layer.msg(res.msg, {time: 1500, offset: ‘auto’});
if (res.code == 1) {
layero.find(“#carouselimg”).hide().addClass(‘product_price_tag_img_full’).attr(‘src’, res.data.file).fadeIn();
layero.find(“#carouselimgv”).val(res.data.file);
}
}
});

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/469564.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Select,poll,epoll和IO多路复用和NIO

Select,poll,epoll和IO多路复用和NIO IO 多路复用:是一种 I/O 处理机制,它允许单个线程同时处理多个 I/O 流(如多个文件描述符对应的网络连接、文件操作等)的输入输出操作,通过一种机制来监听这…

希尔排序(C语言)

一、步骤: 希尔排序的基本思想:先选定一个整数,把待排序文件中所有记录分成个组,所有距离为gap的记录分在同一组内,并对每一组内的记录进行排序。然后取重复上述分组和排序的工作。当到gap 1时,所有记录在…

自动驾驶为什么需要时间同步?高精度时间同步如何实现?

自动驾驶作为汽车与物联网技术、人工智能等高新技术融合的产物,具有新颖性、复杂性和巨大的挑战性。自动驾驶需要实时传输、处理海量数据,并实时做出决策,这不仅要求有通畅网络通信环境、强大的数据算力,更要求时间同步的超低时延…

【信号处理】基于联合图像表示的深度学习卷积神经网络

Combined Signal Representations for Modulation Classification Using Deep Learning: Ambiguity Function, Constellation Diagram, and Eye Diagram 信号表示 Ambiguity Function(AF) 模糊函数描述了信号的两个维度(dimensions):延迟(delay)和多普勒(Doppler)。 …

C++20 概念与约束(1)—— SFINAE

●《C20 概念与约束(1)—— SFINAE》 《C20 概念与约束(2)—— 初识概念与约束》 《C20 概念与约束(3)—— 约束的进阶用法》 1、从模板说起 众所周知,C在使用模板时,如果有多…

[极客大挑战 2019]PHP 1

[极客大挑战 2019]PHP 1 审题 猜测备份在www.zip中,输入下载文件。 知识点 反序列化 解题 查看代码 看到index.php中包含了class.php,直接看class.php中的代码 查看条件 当usernameadmin,password100时输出flag 构造反序列化 输入select中&#…

Kubebot:一款Google云平台下的Slackbot安全测试工具

Kubebot 今天给大家介绍的是一款名叫Kubebot的安全测试Slackbot,该工具基于Google 云平台搭建,并且提供了Kubernetes后端。 项目架构 数据流 1.API请求由Slackbot发起,发送至API服务器,API服务器以Kubernetes(K8s)集群中的Docke…

Kubernetes的基本构建块和最小可调度单元pod-0

文章目录 一,什么是pod1.1pod在k8s中使用方法(1)使用方法一(2)使用方法二 1.2pod中容器的进程1.3pod的网络隔离管理(1)pause容器的作用 1.4 Pod分类:(1)自主式…

Redis安装(Windows环境)

目录 1.下载2.双击安装后配置环境变量3.启动服务4.设置Windows服务5.启动客户端6.常用的Redis服务命令7.使用图形化界面工具查看Redis内部数据情况类似Navicat 连接数据库 1.下载 1.点击github下载地址 2.上方资源链接下载安装 2.双击安装后配置环境变量 3.启动服务 上图虽然…

windows下qt5.12.11使用ODBC远程连接mysql数据库

1、下载并安装mysql驱动,下载地址:https://dev.mysql.com/downloads/ 2、配置ODBC数据源,打开64位的ODBC数据源配置工具:

【AI写作宝-注册安全分析报告-无验证方式导致安全隐患】

前言 由于网站注册入口容易被黑客攻击,存在如下安全问题: 1. 暴力破解密码,造成用户信息泄露 2. 短信盗刷的安全问题,影响业务及导致用户投诉 3. 带来经济损失,尤其是后付费客户,风险巨大,造…

GFPS技术原理(四)GATT特征值

Fast Pair服务 fast pair 服务的UUID 是0xFE2C,然后它又包含多个特征值,下面一一分析: Model ID UUID是0x1233,设备在谷歌云注册的时候会分配一个24 bit的ID。 Key-based Pairing UUID是0x1234,这个是用来做DH密钥…

3.2 软件需求:面对过程分析模型

面对过程分析模型 1. 需求分析的模型概述1.1 面对过程分析模型-结构化分析方法1.2 结构化分析的过程 2. 功能模型:数据流图初步2.1 加工2.2 外部实体(数据源点/终点)2.3 数据流2.4 数据存储2.5 注意事项 3. 功能模型:数据流图进阶…

ExecStart=/usr/bin/mongod --config /etc/mongod.conf (code=exited, status=2)

mongodb 开启验证后出现这个问题 邪门的问题 居然是格式问题 要用两个空格表示缩进 而不是tab

数据分析——学习框架

✅作者简介:2022年博客新星 第八。热爱国学的Java后端开发者,修心和技术同步精进。 🍎个人主页:Java Fans的博客 🍊个人信条:不迁怒,不贰过。小知识,大智慧。 💞当前专栏…

YOLOV8应用|排球垫球计数|附带全部数据集与源码(见文末百度云盘链接)

项目简介: 该项目旨在利用YOLOv8算法实现排球垫球动作的自动识别与计数。YOLOv8作为计算机视觉领域的先进目标检测算法,具备高精度和实时性的特点,非常适合用于体育训练和测试中的自动化计数。项目将排球垫球视频作为输入,通过YOLOv8算法检测视频中的排球及垫球动作,自动…

今天给在家介绍一篇基于jsp的旅游网站设计与实现

项目描述 临近学期结束,还是毕业设计,你还在做java程序网络编程,期末作业,老师的作业要求觉得大了吗?不知道毕业设计该怎么办?网页功能的数量是否太多?没有合适的类型或系统?等等。这里根据疫情当下,你想解决的问…

CAN总线数据帧格式详细介绍

目录 1. CAN总线数据帧格式 2. 数据帧 2.1 帧起始 2.2 仲裁段 2.3 控制段 2.4 数据段 2.5 CRC 段 2.6 ACK段 2.7 帧结束 2.8 总结 3. 遥控帧 4. 错误帧 4.1 错误标志 4.1.1 主动错误标志 4.1.2 被动错误标志 4.2 错误界定符 5. 过载帧 6. …

Java面试要点02 - 自动装箱与拆箱的原理与性能解析

本文目录 一、引言二、自动装箱与拆箱的底层原理2.1 编译器的处理机制2.2 字节码层面的分析2.3 缓存机制的实现 三、性能影响的深度分析3.1 内存开销分析3.2 CPU开销分析 四、实际应用中的常见陷阱4.1 空指针异常陷阱4.2 包装类型的比较陷阱 五、最佳实践与优化建议5.1 性能优化…

速通LoRA:《LoRA: Low-Rank Adaptation of Large Language Models》全文解读

文章目录 总览AbstractIntroductionProblem StatementAren’t Existing Solutions Good Enough?Our MethodLow-Rank-Parametrized Update MatricesApplying LoRA to Transformer 何为高斯随机初始化Empirical ExperimentsBaselinesRoBERTa base/largeDeBERTa XXLGPT-2 medium/…