一共三个页面

数据表结构

数据表内容

第一个页面 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上传图片到数据库中（不会即时显示）的更多相关文章

  1. 网络采集软件核心技术剖析系列（6）---将任意博主的全部博文下载到SQLite数据库中并通过Webbrower显示（将之前的内容综合到一起）

    一 本系列随笔目录及本节代码下载 自己开发的豆约翰博客备份专家软件工具问世3年多以来,深受广大博客写作和阅读爱好者的喜爱.同时也不乏一些技术爱好者咨询我,这个软件里面各种实用的功能是如何实现的. 该软 ...

  2. JDBC方式从数据库中查询数据并显示

    1.创建数据库表myuser DROP TABLE IF EXISTS `myuser`; CREATE TABLE `myuser` ( `) NOT NULL COMMENT '姓名', `id` ...

  3. 用JSP从数据库中读取图片并显示在网页上

    <1>先在mysql下建立如下的table. 并insert图像. mysql.sql文件如下: CREATE TABLE photo ( photo_no int(6) unsigned ...

  4. 在JSP中上传图片到数据库中

    第一步:建立数据库 create table test_img(id number(4),name varchar(20),img long raw); 第二步:(NewImg.html) <h ...

  5. 【JSP】上传图片到数据库中

    第一步:建立数据库 create table test_img(id number(4),name varchar(20),img long raw); 第二步:(NewImg.html) <h ...

  6. 向mysql数据库中插入数据时显示“Duplicate entry '1′ for key ‘PRIMARY' ”错误

    错误情况如题,出现这个错误的原因十分简单: 很明显,这是主键的问题. 在一张数据表中是不能同时出现多个相同主键的数据的 这就是错误的原因,解决的方法: 1.可以将这张表设置成无主键(mysql支持,其 ...

  7. EF6 在原有数据库中使用 CodeFirst 总复习（三、重建迁移）

    本来原来学的时候,挺顺利的,没想到再次使用,还是遇到很多问题,导致更新失败,所以,只能重建迁移,免得看着乱乱的. 一.删除迁移,将数据恢复到(一)结束状态 1.删除文件夹 2.删除表 3.删除列 4. ...

  8. PHP中将数据库中的数据显示在网页

    最近没事把以前的东西感觉还可以的又简单的看了以下,因为还在学习新的东西,所以,发表的博客也不是很多,也许是有感而发吧. 这次讲的是mysql数据库中的数据使用php如何显示在网页中.首先,先建好自己的 ...

  9. 数据库中存储日期的字段类型究竟应该用varchar还是datetime ？

    背景: 前段时间在百度经验看到一篇文章<如何在电脑右下角显示你(爱人)的名字>,之前也听过这个小技巧,但没真正动手设置过.所以出于好奇就实践了一下. 设置完成后的效果例如以下.右下角的时间 ...

随机推荐

  1. javascript的js调用

    本来从一开始接触编程开始,自己就一直写后端,但是对于前端真的不会,但是没办法呀,公司要做,所以,好吧,开始了写一写简单的javascript的内容其中,在xxx.jsp页面中出现了这个 <a c ...

  2. 8 Django 模型层(1)--orm简介

    ORM简介 MVC或者MVC框架中包括一个重要的部分,就是ORM,它实现了数据模型与数据库的解耦,即数据模型的设计不需要依赖于特定的数据库,通过简单的配置就可以轻松更换数据库,这极大的减轻了开发人员的 ...

  3. 1- js vue.js

    1 js 2  Vue.js

  4. 18、bootStap JavaScript插件

    1.模态框 <!--模态框经过了优化,更加灵活,以弹出对话框的形式出现,具有最小和最实用的功能集.--> <button type="button" class= ...

  5. windows下Tomcat安装

    环境Windows 64位 jdk1.8 1.Tomcat安装 官网地址:http://tomcat.apache.org/download-90.cgi 下载安装包,安装之后进行解压 2.修改htt ...

  6. selenium界面元素定位

    一.        Selenium界面元素定位 本文元素定位以das2为例 #导入包 from selenium import  webdriver #打开火狐驱动 driver=webdriver ...

  7. day06_02 元组

    1.0 元组 元组被称为只读列表,即数据可以被查询,但不能被修改,所以,列表的切片操作同样适用于元组.元素卸载小括号(())里,元素之间用逗号隔开. tup1 = () #空元组 tup2 = (20 ...

  8. virsh command

    http://www.cnblogs.com/chenjiahe/category/845519.html resize qemu-img resize win2k8r2.qcow2 40G conv ...

  9. php数组循环的三种方式

    PHP 的遍历数组的三种方式:for循环.foreach循环.while.list().each()组合循环 PHP当中数组分为:索引数组[转换成json是数组]和关联数组[转换成json是对象] f ...

  10. python与MySQL数据库

    python与MySQL数据库 慕课网连接 我使用的软件:python2.7 + MySQL+ Navicat for MySQL + Atom 注意:你的数据库表格类型的引擎为:InnoDB :字符 ...