通过form表单上传文件获取后台传来的数据
2023-09-11 14:19:55 时间
小伙伴是不是遇到过这样的问题,通过submit提交form表单的时候,不知怎么获取后台传来的返回值。有的小伙伴就会说你不会发送ajax,其实也会。假如提交的form表单中含有文件,怎么办?
步骤1:想要通过submit方式提交form表单,需要引入js
jquery.js
jquery-form.js
<script type="text/javascript" src="http://malsup.github.com/jquery.form.js" /></script>
步骤2:写一个form表单
<form name="serialNumber_importSerialNumber" id="serialNumber_importSerialNumber" method="post" enctype="multipart/form-data">
<div id="importSerialNumberDiv">
<center>
<br /> 请选择要导入的规则库文件:<input type="file" id="serialNumberFile" name="importSerialNumber" />
<button class="layerButton" id="buttonSubmit">
<span>确定</span>
</button>
</center>
</div>
</form>
步骤3:js获取从后台返回的值
var serialNumberUrl = "";
$(function() {
$("#buttonSubmit").bind("click", function() {
var serialNumberFileVal = $("#serialNumberFile").val();
serialNumberFileVal = serialNumberFileVal.substring(serialNumberFileVal.lastIndexOf('.') + 1);
if (serialNumberFileVal != "xml") {
showAlertDialog("提示", "请选择xml文件上传");
return false;
} else {
serialNumberUrl = "${basePath}/genuineSerialNumberManagementAction_importSerialNumber.do?disc=baseLineTemplate";
document.serialNumber_importSerialNumber.action = serialNumberUrl;
serialNumber_importSerialNumber.submit();
}
});
/** 验证文件是否导入成功 */
$("#serialNumber_importSerialNumber").ajaxForm(function(data){
setMessage(data);
});
});
相关文章
- 纯js实现最简单的文件上传(后台使用MultipartFile)
- JS文件上传神器bootstrap fileinput详解
- laravel单文件、多文件上传的实现方法
- android eclipse写layout文件失效问题解决
- 第三百七十六节,Django+Xadmin打造上线标准的在线教育平台—创建用户操作app,在models.py文件生成5张表,用户咨询表、课程评论表、用户收藏表、用户消息表、用户学习表
- ajax异步上传文件FormDate方式,html支持才可使用
- spring boot:单文件上传/多文件上传/表单中多个文件域上传(spring boot 2.3.2)
- 文件上传绕过WAF之Fuzz测试
- 使用 JavaScript 上传 PDF 和 Excel 等二进制文件到 ABAP 服务器并进行解析
- 一个Java实现的有道云笔记中包含的图片文件的批量下载工具
- atitit.D&D drag&drop拖拽文件到界面功能 html5 web 跟个java swing c#.net c++ 的总结
- 成功解决frozen importlib._bootstrap“, line 2 in _call_with_frames_removed ImportError: DLL lo(.dll文件简介)
- PHP 零基础入门笔记(8):PHP 文件包含include/require
- struts2的文件上传和文件下载
- 使用windbg分析dump文件,排查模态框返回时的崩溃问题
- python文件管道 下载图集
- Dockerfile文件详解
- HTML如何引入外部JS文件
- Springboot+WebUploader优雅实现超大文件的上传(一)
- WEB漏洞攻防 - 文件上传漏洞 - 文件上传编辑类应用场景 - Ueditor 任意文件上传漏洞
- (C语言)文件操作
- 如何使用“if __name__ == ‘__main__‘”在文件之间互相调用?
- scp上传文件及文件夹到Linux