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

 
      
       指定文件名：   
        
 
         上传文件：  
          
          
       
  
         
      
     
     
     
    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); 
      } 
    } 
   

submit.php

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 "上传文件失败"; 
  }

遍历数据库数据  

 $pages){ 
    $page=$pages; 
  } 
  //数据从第几条开始 
  $start=($page-1)*$length; 
  $sql="select * from upload limit $start,$length"; 
  $res=mysql_query($sql); 
  ?> 
   
   
    
 
       
        
 
          
 
          
 
          
" width="80px" > 
 
          
 
          
 
            " rel="external nofollow" >下载 
             && dir=" rel="external nofollow" >删除 
          
 
        
 
       
    
 
   
              首页 
              " rel="external nofollow" >上一页 
              " rel="external nofollow" >下一页 
              " rel="external nofollow" >尾页 
   
  

下载代码