一共三个页面

数据表结构

数据表内容

第一个页面 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. Git-Git里程碑

    里程碑即Tag,是人为对提交进行的命名.这和Git的提交ID是否太长无关,使用任何数字版本号无论长短,都没有使用一个直观的表意的字符串来得方便.例如:用里程碑名称"v2.1"对应于 ...

  2. Struts2---数据封装机制

    Struts2属性驱动和模型驱动 自动完成了数据的获取和封装 LoginAction.java public class LoginAction implements ModelDriven<U ...

  3. Linux(CentOS)下SVN命令使用实例[转]

    原文出处: http://blog.csdn.net/limingzhong198/article/details/22394809 前言:关于Linux(Unix)系统下的SVN命令使用的文章,在网 ...

  4. 《Cracking the Coding Interview》——第12章:测试——题目2

    2014-04-24 23:15 题目:你有一段程序,运行了十次每次都在不同的地方崩掉了.已知这段程序只用了标准C或C++库函数,请问有什么思路来找出问题所在. 解法:1. 时间戳每次都不同.2. 随 ...

  5. selenium定位弹出菜单

    写selenium脚本,在浏览器定位各种弹出菜单时,有时用工具很难去取菜单的属性,下面说下如何去取: 点开firebug ,切换到“脚本”界面,首先在输入框输入单字母s,待弹出下拉列表后,单击左侧的插 ...

  6. python中subprocess.Popen执行命令并持续获取返回值

    先举一个Android查询连接设备的命令来看看Python中subprocess.Popen怎么样的写法.用到的命令为 adb devices. import subprocess order='ad ...

  7. 一个初学者的辛酸路程-基于Django写BBS项目

    前言 基于Django的学习 详情 登录界面 找个模板 http://v3.bootcss.com/examples/signin/ 右键,检查源码     函数 def login(request) ...

  8. python3.x 安装命令

    在root下执行下面的命令即可: sudo apt-get install python3-dev build-essential libssl-dev libffi-dev libxml2 libx ...

  9. CodeForces-999D Equalize the Remainders

    题目链接 https://vjudge.net/problem/CodeForces-999D 题面 Description You are given an array consisting of ...

  10. parameter localparam define的区别

    `define 语法格式 `define A 12 //注意不加:不能忘记" ` " 作用区域 在整个工程中均有效,因为它是可以跨模块的定义 parameter 和 localpa ...