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=>"上传成功"]);
                }
               
            }
        }
    }

　　

posted @ 2019-09-25 10:48  iwen1992  阅读(411)  评论(0)    收藏  举报