一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

AJAX PHP无刷新上传图片实例代码

时间:2013-10-08 编辑:简简单单 来源:一聚教程网


之前一直在研究ajax+php的表单无刷新验证,主要是用在注册提交表单上面的,ajax技术的使用使访客对于网页的友好度大大增加,作为提升页面友好的最主要技术,ajax是必不可少的。

当然,ajax不仅仅只有表单的无刷新验证,还可以更好地应用到页面的其它地方,凡是无刷新的地方基本上都有ajax技术的身影,今天讨论的是ajax+php无刷新上传图片。

jquery1830459701769158569="57" />

 

无刷新上传图片的技术常常应用在上传附件或图片上传,比如常见的QQ邮箱上传附件,163邮箱上传附件,QQ空间上传图片等,这类都是应用了ajax无刷新的技术,可以让我们在当前页看到上传的附件,而在一般的小站点后台,上传产品时,往往看不到上传的产品图片的情况,这样往往起不到很好的效果。

下面是一款ajax+php的无刷新上传图片的源码,这仅仅是一个实例,而修改这个实例便可以很好地应用在网页当中,为你的页面增加一款无刷新的图片上传效果吧,这样的效果很多,可以到网上去查找。

file.php文件

 代码如下 复制代码





无标题文档


$sort=12;
$f_type=strtolower("swf,jpg,rar,zip,7z,iso,gif");//设置可上传的文件类型
$file_size_max=200*1024*1024;//限制单个文件上传最大容量
$overwrite = 0;//是否允许覆盖相同文件,1:允许,0:不允许
$f_input="Files";//设置上传域名称
    foreach($_FILES[$f_input]["error"] as $key => $error){
        $up_error="no";
        if ($error == UPLOAD_ERR_OK){
            $f_name=$_FILES[$f_input]['name'][$key];//获取上传源文件名
   
            $uploadfile=$uploaddir.strtolower(basename($f_name));
            
            $tmp_type=substr(strrchr($f_name,"."),1);//获取文件扩展名
   $tmp_type=strtolower($tmp_type);
            if(!stristr($f_type,$tmp_type)){
                echo "";
                $up_error="yes";
            }
            
            if ($_FILES[$f_input]['size'][$key]>$file_size_max) {
   
                echo "";
                $up_error="yes";
            }
            
            if (file_exists($uploadfile)&&!$overwrite){
                echo "";
                $up_error="yes";
            }
             $string = 'abcdefghijklmnopgrstuvwxyz0123456789';
$rand = '';
for ($x=0;$x<12;$x++)
  $rand .= substr($string,mt_rand(0,strlen($string)-1),1);
$t=date("ymdHis").substr($gettime[0],2,6).$rand;
$attdir="./file/"; 
    if(!is_dir($attdir))  
    {  mkdir($attdir);}
            $uploadfile=$attdir.$t.".".$tmp_type;
            if(($up_error!="yes") and (move_uploaded_file($_FILES[$f_input]['tmp_name']

[$key], $uploadfile))){

                
    $_msg=$_msg.$f_name.'上传成功n';
    
    
            }
   else{
   $_msg=$_msg.$f_name.'上传失败n';
   }
        }
 
    }
echo ""; 
?>

fileupload.htm页面

 代码如下 复制代码





无刷新文件上传系统




 
   
     
       
     
   
   
     
       
       
     
     
       
     
     
       
     
     
       
     
   
 
上传文件
添加文件:javascript:void(0);" class="files" id="idFile">

           
             
               
               
             
           
           
           
         
文件路径
温馨提示:最多可同时上传 个文件,只允许上传 文件。

             
         
       




热门栏目