PHP中ajax无刷新上传图片与图片下载功能
phpajax无刷新上传图片与图片下载功能的实现代码如下所示：
<metacharset="utf-8">
<formid="uploadForm">
<p>指定文件名：<inputtype="text"name="filename"value=""/></p>
<p>
上传文件：
<inputtype="file"name="photo"onchange="showPreview(this)"class="file"/>
<imgid="portrait"src=""width="70"height="75">
</p>
<inputtype="button"value="上传"onclick="doUpload()"/>
</form>
<scriptsrc="http://www.haoyunyun.cn/jquery.js"></script>
<script>
functiondoUpload(){
varformData=newFormData($("#uploadForm")[0]);
$.ajax({
url:'submit.php',
type:'POST',
data:formData,
async:false,
cache:false,
contentType:false,
processData:false,
success:function(returndata){
alert(returndata);
},
error:function(returndata){
alert(returndata);
}
});
}
</script>
<scripttype="text/javascript">
functionshowPreview(source){
varfile=source.files[0];
if(window.FileReader){
varfr=newFileReader();
fr.onloadend=function(e){
document.getElementById("portrait").src=e.target.result;
};
fr.readAsDataURL(file);
}
}
</script>
submit.php
<?php
if($_FILES['photo']['error']>0){
echo"上传文件失败";
die;
}
$dir='./photo/';
$type=substr($_FILES['photo']['name'],strrpos($_FILES['photo']['name'],'.'));
$filename=time().rand(1000,9999).$type;
if(is_uploaded_file($_FILES['photo']['tmp_name'])){
move_uploaded_file($_FILES['photo']['tmp_name'],$dir.$filename);
echo"上传成功";
}else{
echo"上传文件失败";
}
遍历数据库数据
<?php
header("content-type:text/html;charset=utf-8");
$link=mysql_connect("127.0.0.1",'root','root');
mysql_select_db("php9",$link);
mysql_query("setnamesutf8");
//查询数据中的总条数
$sql="selectcount(id)ascountfromupload";
$arr=mysql_query($sql);
$result=mysql_fetch_assoc($arr);
//获得总条数
$size=$result['count'];
//每页显示2条数据
$length=6;
//计算出多少页
$pages=ceil($size/$length);
$page=isset($_GET['page'])?$_GET['page']:1;
if($page<=0){
$page=1;
}
if($page>$pages){
$page=$pages;
}
//数据从第几条开始
$start=($page-1)*$length;
$sql="select*fromuploadlimit$start,$length";
$res=mysql_query($sql);
?>
<center>
<tableborder="1">
<div>
<?php
while($a=mysql_fetch_assoc($res)){
?>
<ul>
<li><?phpecho$a['id']?></li>
<li><?phpecho$a['username']?></li>
<li><ahref="photo.php"rel="externalnofollow"><imgsrc="<?phpecho$a['dir']?>"width="80px"></a></li>
<li><?phpecho$a['desc1']?></li>
<li>
<ahref="photo3.php?dir=<?phpecho$a['dir']?>"rel="externalnofollow">下载</a>
<ahref="photo4.php?id=<?phpecho$a['id']?>&&dir=<?phpecho$a['dir']?>"rel="externalnofollow">删除</a>
</li>
</ul>
<?php
}
?>
</div>
</table>
<ahref="photo2.php?page=1"rel="externalnofollow">首页</a>
<ahref="photo2.php?page=<?phpecho$page-1?>"rel="externalnofollow">上一页</a>
<ahref="photo2.php?page=<?phpecho$page+1?>"rel="externalnofollow">下一页</a>
<ahref="photo2.php?page=<?phpecho$pages?>"rel="externalnofollow">尾页</a>
</center>
<style>
*{
margin:0;
padding:0;
}
div{
width:900px;
height:850px;
border:1pxsolid#28a4c9;
margin:auto;
}
img{
width:200px;
height:130px;
margin-left:100px;
}
ul{
width:400px;
height:300px;
float:left;
}
li{
list-style:none;
margin-left:10px;
}
</style>
下载代码
<?php
header("content-type:text/html;charset=utf-8");
$dir=$_GET['dir'];
$filename=substr($dir,strrpos($dir,'/')+1);
header("Content-type:image");
header("content-disposition:attachment;filename=$filename");
readfile($dir);
?>
以上所述是小编给大家介绍的PHP中ajax无刷新上传图片与图片下载功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！