闲话不多说上代码 前端代码
<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>ajax表单处理</title>
</head>
<body>
<form class="upForm" action="http://localhost/dynamicPHP/Home/Index/getFile" method="post" enctype="multipart/form-data">
<table>
<tr>
<td>用户名：</td>
<td><input type="text" name="name" /></td>
</tr>
<tr>
<td>密码：</td>
<td><input type="password" name="pwd" /></td>
</tr>
<tr>
<td>性别：</td>
<td>
<input type="radio" name="sex" value="0" checked />男
<input type="radio" name="sex" value="0" />女
</td>
</tr>
<tr>
<td>图像：</td>
<td><input type="file" name="upfile" /></td>
</tr>
<tr>
<td></td>
<td><input type="button" value="提交" /></td>
</tr>
</table>
</form>
</body>
<script type="text/javascript" src="js/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="js/jquery.form.js"></script>
<script type="text/javascript">
$(function() {
$(".upForm input[type='button']").on("click", function() {
var options = {
"beforeSubmit" : checkForm,
"success" : resultForm,
"resetForm" : true,
"dataType" : "json"
};
$(".upForm").ajaxSubmit(options);
});
function checkForm(formData, form, options) {
//表单提交前处理
console.log("提交前")
}
function resultForm(data, status) {
//表单完成
console.log(data);
}
});
</script>
</html>
后端php代码
public function getFile(){
$upload = new Upload($_FILES);// 实例化上传类
$upload->maxSize = 10485760 ;// 设置附件上传大小 字节为单位1M=1024*1024
$upload->exts = array('jpg', 'gif', 'png', 'jpeg','mp4');// 设置附件上传类型
$upload->rootPath = './'; // 设置附件上传根目录
$upload->savePath = 'Public/Uploads/'; // 设置附件上传（子）目录
// 上传文件
$info = $upload->upload($_FILES);
if($info['size']>=10485760){
echo "<script>alert('请上传10M以内的视频或图片')</script>";
}else{
if(!$info) {// 上传错误提示错误信息
$this->error($upload->getError());
}else{// 上传成功 获取上传文件信息
$data[ 'name' ] = $_POST[ 'name' ];
$data[ 'pwd' ] = $_POST[ 'pwd' ];
$data[ 'sex' ] = $_POST[ 'sex' ];
$data['img_name']= $info['upfile']['savename'];
$data['img_path']= $info['upfile']['savepath'];
$data["state"]=1;
$res=M("pic")->add($data);
if($res){
$this->ajaxReturn([stateCode=>"200",msg=>"上传成功"]);
}
}
}
}