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

news/2024/7/11 0:39:45 标签: javascript, jquery, 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.niftyadmin.cn/n/5293318.html

相关文章

爬虫工作量由小到大的思维转变---<第二十七章 Scrapy的暂停和重启>

前言: 一个小知识点,刚刚有朋友私信我的; 就是scrapy的暂停与重启; 没什么可讲的,就是一个命令,还有需要注意的一个地方,我就当留言板来写这篇吧! 正文: 首先,如果我们在控制台中,一般都是用ctrlc进行停止;(ctrlc一次是暂停,两次是终止) 而如果想让scrapy继续第一次爬完之…

找不到UnityEngine.UI解决方案

重新安装Visual Studio 后&#xff0c;使用unity找不到UnityEngine.UI解决方案 关键是在unity里需要设置一下 这个路径 C:\Program Files\Microsoft Visual Studio\2022\Community\Common7\IDE

C++哈希表(unordered_map和unordered_set)

文章目录 开放地址法闭散列哈希表节点 哈希表struct DefaultHashFuncKeyOfMapKeyOfSetFindInsert 迭代器前置声明哈希表的友元类begin()和end() unordered_map类unordered_set类迭代器类哈希表类桶节点和类的前置声明key值转size_t类型总结 以哈希表为底层的unordered1_map和un…

Dockerfile - 工作流程、构建镜像、文件语法

目录 一、Dockerfile 1.1、简介 1.2、Dockerfile 构建镜像的流程 1.3、Dockerfile 文件语法 1.3.1、注意事项 1.3.2、FROM 1.3.3、MAINTAINER&#xff08;官方已废弃&#xff09; 1.3.4、RUN 1.3.5、EXPOSE 1.3.6、WORKDIR 1.3.7、ADD 和 COPY 1.3.8、ENV 1.3.9、…

【springboot 事件发布机制源码浅析】

springboot源码分析之事件发布机制浅析 springboot 事件发布机制浅析 文章目录 springboot源码分析之事件发布机制浅析前言一、自定义事件发布1.定义事件2.监听事件3.发布事件 二、源码分析Listener监听器注册事件发布与执行 总结 前言 事件发布机制在Spring Boot框架中扮演着…

Android画布Canvas drawPath绘制跟随手指移动的圆,Kotlin

Android画布Canvas drawPath绘制跟随手指移动的圆&#xff0c;Kotlin import android.content.Context import android.graphics.Canvas import android.graphics.Color import android.graphics.Paint import android.graphics.Path import android.os.Bundle import android.…

Python读取PFM格式的图像

PFM&#xff08;Portable FloatMap&#xff09;是一种用于存储浮点数灰度图像的文件格式。下面是使用Python读取PFM格式图像的一种方法read_pfm()&#xff0c;该函数首先读取文件的头部信息&#xff0c;包括文件格式、图像尺寸和缩放因子。然后&#xff0c;它读取文件中的像素数…

Spring中常见的BeanFactory后处理器

常见的BeanFacatory后处理器 先给出没有添加任何BeanFactory后处理器的测试代码 public class TestBeanFactoryPostProcessor {public static void main(String[] args) {GenericApplicationContext context new GenericApplicationContext();context.registerBean("co…