PHP中ajax无刷新上传图片与图片下载功能

php ajax无刷新上传图片与图片下载功能的实现代码如下所示：

<meta charset="utf-8" > 
    <form id= "uploadForm">  
       <p >指定文件名： <input type="text" name="filename" value= ""/></p >  
        <p> 
         上传文件：  
         <input type="file" name="photo" onchange="showPreview(this)" class="file" /> 
         <img id="portrait" src="" width="70" height="75"> 
       </p>  
       <input type="button" value="上传" onclick="doUpload()" />  
    </form>  
    <script src="http://www.haoyunyun.cn/jquery.js"></script> 
    <script> 
    function doUpload() {  
       var formData = new FormData($( "#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> 
    <script type="text/javascript"> 
    function showPreview(source) { 
      var file = source.files[0]; 
      if (window.FileReader) { 
        var fr = new FileReader(); 
        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("set names utf8"); 
  //查询数据中的总条数 
  $sql="select count(id) as count from upload"; 
  $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 * from upload limit $start,$length"; 
  $res=mysql_query($sql); 
  ?> 
  <center> 
  <table border="1"> 
    <div> 
      <?php 
      while($a=mysql_fetch_assoc($res)){ 
        ?> 
        <ul> 
          <li><?php echo $a['id'] ?></li> 
          <li><?php echo $a['username'] ?></li> 
          <li><a href="photo.php" rel="external nofollow" ><img src="<?php echo $a['dir'] ?>" width="80px" ></a> </li> 
          <li><?php echo $a['desc1'] ?></li> 
          <li> 
            <a href="photo3.php?dir=<?php echo $a['dir'] ?>" rel="external nofollow" >下载</a> 
            <a href="photo4.php?id=<?php echo $a['id'] ?> && dir=<?php echo $a['dir'] ?>" rel="external nofollow" >删除</a> 
          </li> 
        </ul> 
      <?php 
      } 
      ?> 
    </div> 
  </table> 
              <a href="photo2.php?page=1" rel="external nofollow" >首页</a> 
              <a href="photo2.php?page=<?php echo $page-1 ?>" rel="external nofollow" >上一页</a> 
              <a href="photo2.php?page=<?php echo $page+1 ?>" rel="external nofollow" >下一页</a> 
              <a href="photo2.php?page=<?php echo $pages ?>" rel="external nofollow" >尾页</a> 
  </center> 
  <style> 
    *{ 
      margin: 0; 
      padding: 0; 
    } 
    div{ 
      width:900px; 
      height: 850px; 
      border: 1px solid #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无刷新上传图片与图片下载功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# ajax无刷新上传图片  # phpajax上传图片  # ajax post下载flask文件流以及中文文件名问题  # javascript写一个ajax自动拦截并下载数据代码实例  # SpringMVC+Ajax实现文件批量上传和下载功能实例代码  # Ajax请求二进制流进行处理（ajax异步下载文件）的简单方法  # 利用 FormData 对象和 Spring MVC 配合实现Ajax文件下载功能  # 基于Blod的ajax进度条下载实现示例代码  # 使用Ajax生成的Excel文件并下载的实例  # jQuery的ajax下载blob文件  # jQuery+Ajax+PHP弹出层异步登录效果(附源码下载)  # PHP+Ajax实现无刷新分页实例详解(附demo源码下载)  # 前端ajax请求+后端java实现的下载zip压缩包功能示例  # 上传文件  # 小编  # 上传图片  # 条数  # 上传  # 下一页  # 在此  # 上一页  # 遍历  # 每页  # 尾页  # 给大家  # 所示  # 首页  # 几条  # 所述  # 给我留言  # 感谢大家  # 计算出  # 疑问请 

相关文章： 如何在阿里云通过域名搭建网站？  红河网站制作公司,红河事业单位身份证如何上传？  如何用狗爹虚拟主机快速搭建网站？  如何在云主机上快速搭建多站点网站？  如何选择高效稳定的ISP建站解决方案？  网站制作公司排行榜,抖音怎样做个人官方网站  免费制作小说封面的网站有哪些,怎么接网站批量的封面单？  如何在Golang中指定模块版本_使用go.mod控制版本号  如何在云主机上快速搭建网站？  中山网站推广排名,中山信息港登录入口？  建站之星与建站宝盒如何选择最佳方案？  建站主机解析：虚拟主机配置与服务器选择指南  如何在Golang中处理模块冲突_解决依赖版本不兼容问题  南京做网站制作公司,南京哈发网络有限公司，公司怎么样，做网页美工DIV+CSS待遇怎么样？  高防服务器如何保障网站安全无虞？  如何用IIS7快速搭建并优化网站站点？  ,柠檬视频怎样兑换vip？  公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站？  网站制作培训多少钱一个月,网站优化seo培训课程有哪些？  购物网站制作费用多少,开办网上购物网站，需要办理哪些手续？  为什么Go需要go mod文件_Go go mod文件作用说明  建站之星安装路径如何正确选择及配置？  C++中的Pimpl idiom是什么，有什么好处？（隐藏实现）  建站为何优先选择香港服务器？  电视网站制作tvbox接口,云海电视怎样自定义添加电视源？  武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛，就是里面都是武汉人的？  专业型网站制作公司有哪些,我设计专业的，谁给推荐几个设计师兼职类的网站？  大同网页,大同瑞慈医院官网？  建站之星代理商如何保障技术支持与售后服务？  网站制作和推广的区别,想自己建立一个网站做推广，有什么快捷方法马上做好一个网站？  html制作网站的步骤有哪些,iapp如何添加网页？  ,怎么在广州志愿者网站注册？  哈尔滨网站建设策划,哈尔滨电工证查询网站？  建站之星如何实现网站加密操作？  最好的网站制作公司,网购哪个网站口碑最好，推荐几个？谢谢？  焦点电影公司作品,电影焦点结局是什么？  如何在建站之星绑定自定义域名？  建站之星安装步骤有哪些常见问题？  北京建设网站制作公司,北京古代建筑博物馆预约官网？  如何在阿里云完成域名注册与建站？  c# 在高并发场景下，委托和接口调用的性能对比  如何选择高效便捷的WAP商城建站系统？  魔方云NAT建站如何实现端口转发？  建站主机与虚拟主机有何区别？如何选择最优方案？  如何通过cPanel快速搭建网站？  h5在线制作网站电脑版下载,h5网页制作软件？  深圳网站制作培训,深圳哪些招聘网站比较好？  C++如何编写函数模板？（泛型编程入门）  建站主机是什么？如何选择适合的建站主机？  怎么制作一个起泡网,水泡粪全漏粪育肥舍冬季氨气超过25ppm，可以有哪些措施降低舍内氨气水平？