使用jquery.form.js插件通过ajax异步提交表单数据并上传文件

1.引用依赖

<SCRIPT language=JavaScript src="<%=request.getContextPath()%>/include/jquery-1.6.4.js"></SCRIPT>
<SCRIPT language=JavaScript src="<%=request.getContextPath()%>/include/jquery.form.min.js"></SCRIPT>

2.编写表单内容

<form id="uploadForm" enctype="multipart/form-data" method="post" style="display: none;background-color: rgb(242,250,255);"action="<%=request.getContextPath() %>/servlet/imageInvoiceServlet?_actionType=invoiceOcr"><input name="orderId" type="hidden" value="<%=orderId%>"><input name="businessNo" type="hidden" value="<%=businessNo%>"><input name="userToken" type="hidden" value="<%=userToken%>">&nbsp;上传发票至影像系统:<input type="file" name="fileInput" id="fileInput" style="width: 500px;"/><a href="javascript:void(0)" id="btnAjaxSubmit" onclick="uploadFile()">&nbsp;提交</a>
</form>

3.通过ajax异步提交表单并上传文件

	// 提交表单并上传文件function uploadFile() {var options = {success:    function() {alert('Thanks for your comment!');$("#fileInput").val();$("#uploadForm").hide();} };// 将options传给ajaxForm$('#uploadForm').ajaxForm(options);// 提交表单$("#uploadForm").ajaxSubmit(options);}

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

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

相关文章

在Spring中如何获取一个Bean

引言 在这篇文章中&#xff0c;我们将介绍在Spring框架&#xff08;包括SpringBoot、SpringCloud&#xff09;中获取Bean的方法&#xff0c;在Spring容器中&#xff0c;Bean的存在方式是多种多样的&#xff0c;针对不同种类的Bean我们有哪些方法可以获取到它们&#xff0c;如何…

启动springboot时报错 APPLICATION FAILED TO START 包冲突

启动springboot时报错 APPLICATION FAILED TO START 包冲突 problem 具体日志如下 *************************** APPLICATION FAILED TO START ***************************Description:An attempt was made to call a method that does not exist. The attempt was made fr…

关于大一上学期STM32培训的经验及教训(完全初学)

主要是写出来给要直接学习STM32的人的一些经验或者是教训以及踩坑点&#xff0c;我后续也会开始写STM32的一些我已经学会的基础性的初学者应用型教程&#xff08;如没有前置知识点亮LED&#xff0c;我会在这里说GPIO是个啥&#xff0c;怎么选口&#xff0c;怎么查手册等基础入门…

【docker】一文讲完docker基本概念

文章目录 一、什么是docker二、docker和虚拟机有什么区别三、docker基本概念1、镜像&#xff08;Image&#xff09;2、docker 容器&#xff08;container&#xff09;3、docker 仓库&#xff08;Repository&#xff09;4、dockerfile简介5、网络&#xff08;Network&#xff09…

[python]matplotlib

整体图示 .ipynb 转换md时候图片不能通知携带&#xff0c;所有图片失效&#xff0c;不过直接运行代码可以执行 figure figure,axes与axis import matplotlib.pyplot as plt figplt.figure() fig2plt.subplots() fig3,axsplt.subplots(2,2) plt.show()<Figure size 640x480 …

云原生学习系列之基础环境准备(虚拟机搭建)

最近由于工作需要开始学习云原生相关内容&#xff0c;为方便学习操作&#xff0c;准备在外网搭建自己的环境&#xff0c;然后进行相关的练习&#xff0c;搭建环境的第一步便是虚拟机的安装。 基础软件 这里我用到的是CentOS-7-x86_64的操作系统。 链接&#xff1a;https://pa…

dctcp 和 l4s tcp prague

时延的罪与罚。 dctcp 为 dcn 而生&#xff0c;专注于避免吞吐优先的长流阻塞延迟敏感的短流。在最坏情况下&#xff0c;没有任何额外队列规则辅助时&#xff0c;即使长流短流排入唯一的 fifo&#xff0c;也要能做到这点。 为此&#xff0c;必须由交换机辅助实现普遍低时延&a…

Eureka注册及使用

一、Eureka的作用 Eureka是一个服务注册与发现的工具&#xff0c;主要用于微服务架构中的服务发现和负载均衡。其主要作用包括&#xff1a; 服务提供者将自己注册到Eureka Server上&#xff0c;包括服务的地址和端口等信息。服务消费者从Eureka Server上获取服务提供者的地址…

Go(Golang)的10个常见代码片段用于各种任务

探索有用的Go编程代码片段 提供“前10名”Go&#xff08;Golang&#xff09;代码片段的明确列表是具有挑战性的&#xff0c;因为代码片段的实用性取决于您试图解决的具体问题。然而&#xff0c;我可以为您提供十个常用的Go代码片段&#xff0c;涵盖了各种任务和概念&#xff1…

【驱动序列】简单聊聊开发驱动程序的缘由和驱动程序基本信息

大家好&#xff0c;我是全栈小5&#xff0c;欢迎来到《小5讲堂》&#xff0c;这是《驱动程序》专栏序列文章。 这是2024年第4篇文章&#xff0c;此篇文章是结合了C#知识点实践序列文章&#xff0c;博主能力有限&#xff0c;理解水平有限&#xff0c;若有不对之处望指正&#xf…

树莓派4B-Python使用PyCharm的SSH协议在电脑上远程编辑程序

目录 前言一、pycharm的选择二、添加SSH的解释器使用总结 前言 树莓派的性能始终有限&#xff0c;不好安装与使用高级一点的程序编辑器&#xff0c;如果只用thonny的话&#xff0c;本人用得不习惯&#xff0c;还不如PyCharm&#xff0c;所以想着能不能用电脑中的pycharm来编写…

IO作业2.0

思维导图 1> 使用fread、fwrite完成两个文件的拷贝 #include <stdio.h> #include <string.h> #include <stdlib.h> int main(int argc, const char *argv[]) {if(argc ! 3) //判断外部参数 {printf("The terminal format is incorrect\n");r…

OpenGL FXAA抗锯齿算法(Qt,Consloe版本)

文章目录 一、简介二、实现代码三、实现效果参考资料一、简介 之前已经提供了使用VCG读取Mesh的方式,接下来就需要针对读取的网格数据进行一些渲染操作了。在绘制Mesh数据时总会遇到图形的抗锯齿问题,OpenGL本身已经为我们提供了一种MSAA技术,但该技术对于一些实时渲染性能有…

《C语言中的基石:库函数与自定义函数的深度解析与实践》

引言 各位少年&#xff0c;大家好。我是博主那一脸阳光。在深入探讨C语言编程的浩瀚世界时&#xff0c;我们会频繁接触到两大类函数——库函数和自定义函数。它们如同构建复杂程序大厦的砖石&#xff0c;各自发挥着不可替代的作用。本文将详尽介绍这两种函数的特点、使用方式以…

从零开发短视频电商 爬虫在爬取时注意 robots.txt 和 sitemap.xml

文章目录 1. robots.txt&#xff1a;2. sitemap.xml&#xff1a; 当我们爬取一个网站时&#xff0c;通常首先查看网站根目录下的两个重要文件&#xff1a; robots.txt 和 sitemap.xml。这两个文件提供了关于网站爬取行为和结构的重要信息。 1. robots.txt&#xff1a; robot…

计算机组成原理——冯诺依曼计算机硬件框图

存储器&#xff1a;存放数据和程序 运算器&#xff1a;算术运算和逻辑运算 控制器&#xff1a;指挥程序的运算 输入设备&#xff1a;将信息转化成机器能识别的形式 输出设备&#xff1a;将结果转化成人们熟悉的形式

Centos安装Kafka(KRaft模式)

1. KRaft引入 Kafka是一种高吞吐量的分布式发布订阅消息系统&#xff0c;它可以处理消费者在网站中的所有动作流数据。其核心组件包含Producer、Broker、Consumer&#xff0c;以及依赖的Zookeeper集群。其中Zookeeper集群是Kafka用来负责集群元数据的管理、控制器的选举等。 由…

使用Apache Commons SCXML实现状态机管理

第1章&#xff1a;引言 大家好&#xff0c;我是小黑&#xff0c;咱们程序员在开发过程中&#xff0c;经常会遇到需要管理不同状态和状态之间转换的场景。比如&#xff0c;一个在线购物的订单&#xff0c;它可能有“新建订单”、“已支付”、“配送中”、“已完成”等状态。在这…

[嵌入式AI从0开始到入土]9_yolov5在昇腾上推理

[嵌入式AI从0开始到入土]嵌入式AI系列教程 注&#xff1a;等我摸完鱼再把链接补上 可以关注我的B站号工具人呵呵的个人空间&#xff0c;后期会考虑出视频教程&#xff0c;务必催更&#xff0c;以防我变身鸽王。 第一章 昇腾Altas 200 DK上手 第二章 下载昇腾案例并运行 第三章…

uniapp运行到开发者工具中

uniapp 项目在微信开发者工具中运行&#xff0c;用于开发微信小程序。 微信 appid 获取地址&#xff1a;微信公众平台 运行到微信开发者工具中 一、进入微信公众平台、微信扫码登录、选择开发管理、选择开发设置、复制 appid 。 二、打开 manifest.json 配置文件、选择微信小…