PHP+Ajax图片上传并且无刷新生成缩略图预览

图片上传我们介绍过的教程非常的多了，今天我整理的这篇ajax图片上传主要有一个上传之后自动生成小图的功能并且还返回预览效果，下面我们来看看这段代码。

XML/HTML Code

JavaScript Code

processupload.php

PHP Code

';  
        echo '';  
        echo '';  
        echo '';  
        echo '';  
        echo '';  
        echo '';  
  
        /* 
        // Insert info into database table! 
        mysql_query("INSERT INTO myImageTable (ImageName, ThumbName, ImgPath) 
        VALUES ($DestRandImageName, $thumb_DestRandImageName, 'uploads/')"); 
        */  
  
    }else{  
        die('Resize Error'); //output error  
    }  
}  
  
  
// This function will proportionally resize image   
function resizeImage($CurWidth,$CurHeight,$MaxSize,$DestFolder,$SrcImage,$Quality,$ImageType)  
{  
    //Check Image size is not 0  
    if($CurWidth $CurHeight)  
    {  
        $y_offset = 0;  
        $x_offset = ($CurWidth - $CurHeight) / 2;  
        $square_size    = $CurWidth - ($x_offset * 2);  
    }else{  
        $x_offset = 0;  
        $y_offset = ($CurHeight - $CurWidth) / 2;  
        $square_size = $CurHeight - ($y_offset * 2);  
    }  
      
    $NewCanves  = imagecreatetruecolor($iSize, $iSize);   
    if(imagecopyresampled($NewCanves, $SrcImage,0, 0, $x_offset, $y_offset, $iSize, $iSize, $square_size, $square_size))  
    {  
        switch(strtolower($ImageType))  
        {  
            case 'image/png':  
                imagepng($NewCanves,$DestFolder);  
                break;  
            case 'image/gif':  
                imagegif($NewCanves,$DestFolder);  
                break;            
            case 'image/jpeg':  
            case 'image/pjpeg':  
                imagejpeg($NewCanves,$DestFolder,$Quality);  
                break;  
            default:  
                return false;  
        }  
    //Destroy image, frees memory     
    if(is_resource($NewCanves)) {imagedestroy($NewCanves);}   
    return true;  
  
    }  
        
}

以上就是我们要介绍的ajax无刷新图片上传功能了，其实就是通过异步模式提交给php然后由php上传图片并且生成小图返回给指定的id的htm元素模块即可。