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无刷新上传图片与图片下载功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!