jquery easyUI怎样实现图片的上传
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jquery easyUI怎样实现图片的上传相关的知识，希望对你有一定的参考价值。
参考技术A 上传的方法跟一般上传差不多，只不过提交的时候可以用easyui的form来提交上传的内容 参考技术B 具体点啊，这个容易吧难得是进度条，ajax上传等，还有就是flash上传插件
怎样用php实现上传图片到数据库
以及实现从数据库把图片的展示的功能
您只要告诉我怎样将图片路径存到数据库里就行
php实现上传图片保存到数据库的方法。具体分析如下：
php 上传图片，一般都使用move_uploaded_file方法保存在服务器上。但如果一个网站有多台服务器，就需要把图片发布到所有的服务器上才能正常使用（使用图片服务器的除外）
如果把图片数据保存到数据库中，多台服务器间可以实现文件共享，节省空间。
首先图片文件是二进制数据，所以需要把二进制数据保存在mysql数据库。
mysql数据库提供了BLOB类型用于存储大量数据，BLOB是一个二进制对象，能容纳不同大小的数据。
BLOB类型有以下四种，除存储的最大信息量不同外，其他都是一样的。可根据需要使用不同的类型。
TinyBlob 最大 255B
Blob 最大 65K
MediumBlob 最大 16M
LongBlob 最大 4G
数据表photo，用于保存图片数据，结构如下：
CREATE TABLE `photo` (`id` int(10) unsigned NOT NULL auto_increment,
`type` varchar(100) NOT NULL,
`binarydata` mediumblob NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;
upload_image_todb.php代码如下：
<?php// 连接数据库
$conn=@mysql_connect("localhost","root","") or die(mysql_error());
@mysql_select_db('demo',$conn) or die(mysql_error()); // 判断action
$action = isset($_REQUEST['action'])? $_REQUEST['action'] : '';
// 上传图片
if($action=='add')
$image = mysql_escape_string(file_get_contents($_FILES['photo']['tmp_name']));
$type = $_FILES['photo']['type'];
$sqlstr = "insert into photo(type,binarydata) values('".$type."','".$image."')";
@mysql_query($sqlstr) or die(mysql_error());
header('location:upload_image_todb.php');
exit();
// 显示图片
elseif($action=='show')
$id = isset($_GET['id'])? intval($_GET['id']) : 0;
$sqlstr = "select * from photo where id=$id";
$query = mysql_query($sqlstr) or die(mysql_error());
$thread = mysql_fetch_assoc($query);
if($thread)
header('content-type:'.$thread['type']);
echo $thread['binarydata'];
exit();
else
// 显示图片列表及上传表单
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title> upload image to db demo </title>
</head>
<body>
<form name="form1" method="post" action="upload_image_todb.php" enctype="multipart/form-data">
<p>图片：<input type="file" name="photo"></p>
<p><input type="hidden" name="action" value="add"><input type="submit" name="b1" value="提交"></p>
</form>
<?php
$sqlstr = "select * from photo order by id desc";
$query = mysql_query($sqlstr) or die(mysql_error());
$result = array();
while($thread=mysql_fetch_assoc($query))
$result[] = $thread;
foreach($result as $val)
echo '<p><img
src="upload_image_todb.php?action=show&id='.$val['id'].'&t='.time().'"
width="150"></p>';
?>
</body>
</html>
<?php
?>
程序运行截图和数据库截图：
@session_start();
require_once("./conf/config.php");
$file_type = $_FILES["pic"]["type"];
$file_name = $_FILES["pic"]["name"];
if ((($file_type == "image/gif")
|| ($file_type == "image/jpeg")
|| ($file_type == "image/pjpeg"))
&& ($_FILES["pic"]["size"] < 1000000))
if(!is_dir("upload/". date("md") . "/"))
mkdir("upload/". date("md") . "/");
if (file_exists("upload/" . date("md") . "/" . $file_name))
echo "图片 " . $file_name . " 文件名已存在,请更换文件名再进行上传. ";
else
$url = "upload/" . date("md") . "/" .$file_name;
move_uploaded_file($_FILES["pic"]["tmp_name"],
"upload/" . date("md") . "/" . $file_name);
else
echo "图片文件不可用";
$userId = $_SESSION["userId"];
if($url)
$sql = "insert into photos(url, userId) values('$url', '$userId')";
$query = mysql_query($sql);
if($query)
die('<script>alert("图片上传成功");window.location="/photolist.htm";</script>');
?>追问
您只要把怎样将图片路径上传到数据库里面，并稍微解释一下就好
追答$sql = "insert into photos(url, userId) values('$url', '$userId')";
$query = mysql_query($sql);
这两句就是加入数据库的，加入到的是photos表，photos有两个字段，一个图片路径一个是用户Id,路径自定义，但是调用的时候得和物理路径对应上。这样就可以了。
参考资料：http://www.cncms.com.cn/php/6666.htm
参考技术D 其实很简单的，三个步骤，我找了一个资料给你，很详细，你看下应该可以明白！http://www.soft6.com/tech/16/168882.html追问
您只要告诉我怎样获取文件域的值就行
追答这是我写的简单的一个，你看看
alert('上传成功');
";
echo "您的文件已经上传完毕 上传图片预览: ";
elseecho " alert('上传失败'); ";
?>
function selectpic(imagepatch)
window.opener.document.form1.imagepatch.value=imagepatch;
window.close();
")' value="确认用此图片"/>
以上是关于jquery easyUI怎样实现图片的上传的主要内容，如果未能解决你的问题，请参考以下文章
1.easyui实现上传文件，显示图片操作，还有jq双击放大图片操作
EasyUI Tree 树 ——实现多级别菜单的展示，以及与后台数据的交互