表单提交文件到数据库
程序员文章站
2022-05-30 22:34:59
...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title></title>
<script src="js/jquery-3.4.1.js"></script>
<script src="js/jquery.form.min.js"></script>
</head>
<body>
//enctype="multipart/form-data" 允许上传文件给后台
<form id="form1" action="" method="post" name="form" enctype="multipart/form-data" target= "nm_iframe">
<input type="file" name="files" onchange="javascript: submitform()" />
</form>
//不跳转一个新页面
<iframe id="id_iframe" name="nm_iframe"></iframe>
<script>
// 表单提交
function submitform(){
document.forms["form1"].submit();
//获取后台返回的数据需要引入jquery.form.min.js
$("#form1").ajaxSubmit(function (data) {
console.log(JSON.stringify(data));
}
);
}
</script>
</body>
</html>
上一篇： QT5中文乱码
下一篇： ajax形式提交子表单数据到后台