找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1296|回复: 0
打印 上一主题 下一主题

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

[复制链接]

2560

主题

2560

帖子

7622

积分

论坛元老

Rank: 8Rank: 8

积分
7622
跳转到指定楼层
楼主
发表于 2018-2-14 05:54:00 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

            本例用到其他2个php class.upload.php和 functions.php还有css和js以及img文件
完整实例代码点击此处本站下载
效果图如下:

实现代码如下:
JavaScript代码如下:
[U]复制代码[/U] 代码如下:
javascript代码如下:
[U]复制代码[/U] 代码如下:
上面2个js都放在index.php里面
XML/HTML代码如下:
[U]复制代码[/U] 代码如下:  
              
                Name  
                Size  
                Status  
                  
                  
              
  
              
  
              
                Select files to upload  
                Upload  
              
  
              
                  
                     
                          
                              
                          
                     
  
                     
                          
                          
                     
                  
              
  
              
                  
                " />  
              
        
upload.php页面代码如下:
[U]复制代码[/U] 代码如下: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 file_src_name);  
                                $body_name = clean_input($handle->file_src_name_body);  
  
                                $handle->file_new_name_body = $unique_value.'_'.$body_name;  
                                $handle->rocess($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->rocess($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 gd2 上传图片/文字水印/图片水印/等比例缩略图/实现代码
  • php图片处理:加水印、缩略图的实现(自定义函数:watermark、thumbnail)
  • PHP用GD库生成高质量的缩略图片
  • php图片的裁剪与缩放生成符合需求的缩略图
  • 使用gd库实现php服务端图片裁剪和生成缩略图功能分享
  • php实现上传图片生成缩略图示例
  • PHP图片等比例缩放生成缩略图函数分享
  • php实现按指定大小等比缩放生成上传图片缩略图的方法
  • php使用GD库创建图片缩略图的方法
  • 使用PHP生成图片的缩略图的方法
  • PHP Imagick完美实现图片裁切、生成缩略图、添加水印
  • PHP基于GD库实现的生成图片缩略图函数示例
            
  • 分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    用户反馈
    客户端