jquery+php+ajax显示上传进度的多图片上传并生成缩略图代码

php  /  管理员 发布于 7年前   183

本例用到其他2个php class.upload.php和 functions.php还有css和js以及img文件

完整实例代码点击此处本站下载。

效果图如下：

实现代码如下：

JavaScript代码如下：

复制代码 代码如下:

 

javascript代码如下：

复制代码 代码如下:

上面2个js都放在index.php里面

XML/HTML代码如下：

复制代码 代码如下:

 
           

 
               

Name 
               

Size 
               

Status 
               

 
                 
             
 
           

 
 
           

 
                Select files to upload 
                Upload 
             
 
             
               

 
                   

 
                       

 
                           

 
                         
                     
 
                   

 
                       

 
                       

 
                     
                 
           

 
 
           

 
                 
                 
           

 
       

upload.php页面代码如下：

复制代码 代码如下:

/*
    @@ Including the functions.php for using the necessary functions.
*/ 
include('functions.php'); 
 
/*
    @@ This is the file upload class which does all the uploading work.
*/ 
include('class.upload.php'); 
 
if(isset($_FILES["file"])) { 
    /*
        @@ Generating unique name for the photo.
    */ 
    $time = time(); 
    $rand_1 = rand(999, 999999); 
    $rand_2 = rand(999999, 999999999); 
    $rand_3 = rand(); 
    $unique_value = $time.'_'.$rand_1.'_'.$rand_2.'_'.$rand_3; 
 
    /*
        @@ Folder creation for each and every day. This ensures performance even with millions of images.
    */ 
    $folder = date('zY'); 
        if(substr($folder, 0) == 0) { 
            $folder = '367'.date('Y'); 
        } 
 
    /*
        @@ This folder is for the source image files.
    */ 
    $pfolder = '../upload/source/';  
        if(!is_dir($pfolder)) { 
            mkdir($pfolder, 0755); 
        } 
 
    /*
        @@ This folder is for the image files with 120x120 dimensions.
    */ 
    $tfolder = '../upload/small/'; 
        if(!is_dir($tfolder)) { 
            mkdir($tfolder, 0755); 
        } 
 
    /*
        @@ Assigning the upload file to the upload class for all the processing.
    */ 
    $handle = new Upload($_FILES["file"]); 
        if($handle->uploaded) { 
            $extension = $handle->file_src_name_ext; 
            $mime = $handle->file_src_mime; 
 
                if(($mime == 'image/gif') || ($mime == 'image/jpg') || ($mime == 'image/png') || ($mime == 'image/bmp') || ($mime == 'image/pjpeg') | ($mime == 'image/jpeg')) { 
                    /*
                        @@ Check if the uploaded filetype is an image or not.
                    */ 
                    if(($extension == 'gif') || ($extension == 'jpg') || ($extension == 'jpeg') || ($extension == 'png') || ($extension == 'bmp') || ($extension == 'pjpeg')) { 
                        if($handle->image_src_x > 500) { 
                                /*
                                    @@ Check if the filesize is smaller than 10 MB. 10 MB = 10485760 bytes.
                                */ 
                            if($handle->file_src_size < 10485760) { 
                                /*
                                    @@ Getting the actual file name (with and without extension) and sanitizing it for inserting in the database.
                                */ 
                                $real_name = clean_input($handle->file_src_name); 
                                $body_name = clean_input($handle->file_src_name_body); 
 
                                $handle->file_new_name_body = $unique_value.'_'.$body_name; 
                                $handle->Process($pfolder); 
 
                                $handle->image_resize = true; 
                                $handle->image_ratio_crop = 'T'; 
                                $handle->image_y = 120; 
                                $handle->image_x = 120; 
                                $handle->file_new_name_body = $unique_value.'_'.$body_name; 
                                $handle->Process($tfolder); 
 
                                    if($handle->processed) { 
                                        $actual_name = $handle->file_dst_name; 
                                        $size = ceil($handle->file_src_size / 1024); 
 
                                        ## Sending photo details back to the uploader. 
                                        $date = date("c", $time); 
 
                                            ## Reducing the length of real name if it exceeds 50 characters. 
                                            if(strlen($real_name) > 50) { 
                                                $real_name = substr($real_name, 0, 50).'..'; 
                                            } 
                                            echo 'success,'.$real_name.','.$date.','.$folder.','.$actual_name; 
                                    } else { 
                                        echo 'error,

Upload Error
There was an error uploading the photo.'; 
                                    } 
                            } else { 
                                echo 'error,

Upload Error
The photo is bigger than the allowed upload size of 10MB.'; 
                            } 
                        } else { 
                            echo 'error,

Upload Error
You are trying to upload a photo with smaller dimensions.'; 
                        } 
                    } else { 
                        echo 'error,

Upload Error
Only photo uploads are allowed.'; 
                    } 
                } else { 
                    echo 'error,

Upload Error
Only photo uploads are allowed.'; 
                } 
        } else { 
            echo 'error,

Upload Error
An upload error occured.';            
        } 
    /*
        @@ Return the json response to the script.
    */ 
    $handle->Clean(); 
} else { 
    echo 'error,

Upload Error
An upload error occured.'; 
}

希望本文所述对大家的PHP+jQuery程序设计有所帮助。

您可能感兴趣的文章:

• php多个文件及图片上传实例详解
• PHP+jQuery+Ajax实现多图片上传效果
• PHP支持多种格式图片上传(支持jpg、png、gif)
• PHP实现多图片上传类实例
• PHP仿微信多图片预览上传实例代码
• Android OkHttp 结合php 多图片上传实例
• php实现多张图片上传加水印技巧
• PHP结合jquery ajax实现上传多张图片，并限制图片大小操作示例
• php+flash+jQuery多图片上传源码分享
• PHP实现一个按钮点击上传多个图片操作示例