ajax上传图片到数据库中（不会即时显示）

一共三个页面

数据表结构

数据表内容

第一个页面 nicheng.html

 <!DOCTYPE html>

 <html>

     <head>

         <meta charset="UTF-8">

         <title>

             我的

         </title>

         <!--

             下面的jquery文件在谷歌浏览器中显示，请使用谷歌浏览器查看结果

         -->

         <script src="https://weui.io/zepto.min.js">

         </script>

         <script>

             $(function() {

                 $('#showTooltips').click(function() {

                     //我这里单独拿出来判断昵称个签是否为空

                     var nicheng = $('#nicheng').val();

                     var geqian = $('#geqian').val();

                     if (nicheng == "") {

                         alert("请填入昵称");

                         return false;

                     }

                     if (geqian == "") {

                         alert("请填入个签");

                         return false;

                     }

                     var data = new FormData($('#form1')[]);

                     $.ajax({

                         type: "POST",

                         url: "nichengtest.php",

                         dataType: "json",

                         data: data,

                         processData: false,

                         contentType: false,

                         success: function(data) {

                             if (data.code == ) {

                                 alert(data.msg);

                             } else {

                                alert(data.msg);

                             }

                         },

                     });

                 });

             });

         </script>

     </head>

     <body>

         <form id="form1">

             <div>

                 <div>

                     <label>昵称</label>

                 </div>

                 <div>

                     <input id="nicheng" name="nicheng" type="text" placeholder="请输入昵称">

                 </div>

             </div>

             <div>

                 <div>

                     <label>个性签名</label>

                 </div>

                 <div>

                     <input id="geqian" name="geqian" type="text" placeholder="请完善你的个签吧">

                 </div>

             </div>

             <div>

                 <div>

                     <label>图片</label>

                 </div>

                 <div>

                     <input id="tupian" name="tupian" type="file" placeholder="选择文件">

                 </div>

             </div>

             <div>

                 <a href="javascript:" id="showTooltips">确定

             </a>

             </div>

         </form>

     </body>

 </html>

第二个页面nichengtest.php

 <?php

 require ("mysql_class.php");

 $db = new Mysql("localhost", "root", "", "userdb");

 if (isset($_POST["nicheng"]) && isset($_POST["geqian"])) {

     $nicheng = $_POST['nicheng'];

     $geqian = $_POST['geqian'];

     //图片的二进制数据

     $image = mysql_escape_string(file_get_contents($_FILES['tupian']['tmp_name']));

     //图片的类型

     $type = $_FILES['tupian']['type'];

     define("TABLENAME", "user_nicheng");

     define("COL", "(nicheng,geqian,type,binarydata)");

     define("VAL", "('$nicheng','$geqian', '$type','$image')");

     if (!$db -> isnull2($nicheng, $geqian)) {

         $data = array("code" => , "msg" => "参数为空", );

         die(json_encode($data));

     } else {

         $insert = $db -> insert(TABLENAME, COL, VAL);//插入昵称，个签，图片信息

     }

     $data = array("code" => , "msg" => "发布成功", );

     die(json_encode($data));

 }

 ?>

第三个页面mysql_class.php

<?php

header("content-type:text/html;charset=utf-8");

class Mysql {

    private $host;

    //服务器地址

    private $root;

    //用户名

    private $password;

    //密码

    private $database;

    //数据库名

    //通过构造函数初始化类

    function Mysql($host, $root, $password, $database) {

        $this -> host = $host;

        $this -> root = $root;

        $this -> password = $password;

        $this -> database = $database;

        $this -> connect();

    }

    function connect() {

        $this -> conn = mysql_connect($this -> host, $this -> root, $this -> password);

//        if($this->conn){

//            echo "连接mysql成功";

//        }else{

//            echo "连接mysql失败";

//        }

//        $this->conn=

        mysql_select_db($this -> database, $this -> conn);

//        if($this->conn){

//            echo "连接db成功";

//        }else{

//            echo "连接db失败";

//        }

        mysql_query("set names utf8");

    }

    function dbClose() {

        mysql_close($this -> conn);

    }

    function query($sql) {

        return mysql_query($sql);

    }

    function row($result) {

        return mysql_fetch_row($result);

    }

    function arr($result){

        return mysql_fetch_array($result);

    }

     function num($result){

         return mysql_num_rows($result);

     }

    function select($tableName, $condition) {

        return $this -> query("SELECT COUNT(*) FROM $tableName $condition");

    }

    function selectsql($tableName) {

        return $this -> query("SELECT * FROM $tableName");

    }

    function insert($tableName, $fields, $value) {

        $this -> query("INSERT INTO $tableName $fields VALUES$value");

    }

}

?>

一篇即时显示的ajax代码

http://blog.csdn.net/fdipzone/article/details/38910553

巴特西

ajax上传图片到数据库中（不会即时显示）

最新文章

热门文章