jquery-from+php 文件上传
闲话不多说上代码 前端代码
<!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=>"上传成功"]); } } } }