额 大概就这么个样子。。。截个图
点浏览 选择几张图片 选择完了 确定一下 然后插入数据库 同时在页面中显示插入的图片，代码 也没啥。看下
index.php
<html>
<head>
<title>多图上传来咯</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="/demo/99/js/jquery.min.js" type="text/javascript"></script>
<script src="/demo/99/js/jquery.wallform.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
$('#photoimg').die('click').live('change', function() {
//$("#preview").html('');
$("#imageform").ajaxForm({target: '#preview',
beforeSubmit:function(){
console.log('ttest');
$("#imageloadstatus").show();
$("#imageloadbutton").hide();
},
success:function(){
console.log('test');
$("#imageloadstatus").hide();
$("#imageloadbutton").show();
},
error:function(){
console.log('xtest');
$("#imageloadstatus").hide();
$("#imageloadbutton").show();
} }).submit();
});
});
</script>
</head>
<body>
<div id='preview'>
</div>
<form id="imageform" method="post" enctype="multipart/form-data" action='ajaxImageUpload.php' style="clear:both">
<h1>请选择图片上传，多图片可以上传</h1>
<div id='imageloadstatus' style='display:none'><img src="img/gd.gif" alt="Uploading...."/></div>
<div id='imageloadbutton'>
<input type="file" name="photos[]" id="photoimg" multiple="true" />
</div>
</form>
</div>
</body>
</html>
ajaximageupload.php
<?php
error_reporting(0);
session_start();
include('conn.php');
$session_id='1'; //$session id
define ("MAX_SIZE","90000000");
function getExtension($str)
{
$i = strrpos($str,".");
if (!$i) { return ""; }
$l = strlen($str) - $i;
$ext = substr($str,$i+1,$l);
return $ext;
}
$valid_formats = array("jpg", "png", "gif", "bmp","jpeg");
if(isset($_POST) and $_SERVER['REQUEST_METHOD'] == "POST")
{
$uploaddir = "/DoExercise/uploadimgs/image/"; //a directory inside
foreach ($_FILES['photos']['name'] as $name => $value)
{
$filename = stripslashes($_FILES['photos']['name'][$name]);
$size=filesize($_FILES['photos']['tmp_name'][$name]);
//get the extension of the file in a lower case format
$ext = getExtension($filename);
$ext = strtolower($ext);
if(in_array($ext,$valid_formats))
{
if ($size < (MAX_SIZE*1024*10))
{
$image_name=time().$filename;
echo "<img src='".$uploaddir.$image_name."' class='imgList'>";
$newname=$uploaddir.$image_name;
echo $newsname;
if (move_uploaded_file($_FILES['photos']['tmp_name'][$name],$_SERVER['DOCUMENT_ROOT'].$newname))
{
$time=time();
mysql_query("INSERT INTO user_uploads(image_name,user_id_fk,created) VALUES('$image_name','$session_id','$time')");
}
else
{
echo '<span class="imgList">你已经超过了尺寸限制! so moving unsuccessful! </span>';
}
}
else
{
echo '<span class="imgList">你已经超过了大小限制!</span>';
}
}
else
{
echo '<span class="imgList">Unknown extension!</span>';
}
}
}
?>
就这些吧 想点击提交按钮 再提交也行 ，那就加个判断呗。什么时候点击确定按钮 触发了事件 就再走insert呗。
额 源码也有，找我就行 ，认准大白驴
