Jquery AjaxUpload实现文件上传功能代码实例教程

$(document).ready(function(){
    var button = $('#upload_button'), interval;
    var fileType = "all",fileNum = "one";
    new AjaxUpload(button,{
        action: 'do/uploadfile.php',
        /*data:{
            'buttoninfo':button.text()
        },*/
        name: 'userfile',
        onSubmit : function(file, ext){
            if(fileType == "pic")
            {
                if (ext && /^(jpg|png|jpeg|gif)$/.test(ext)){
                    this.setData({
                        'info': '文件类型为图片'
                    });
                } else {
                    $('

').appendTo('#example .files').text('非图片类型文件，请重传');
                    return false;              
                }
            }
                      
            button.text('文件上传中');
          
            if(fileNum == 'one')
                this.disable();
          
            interval = window.setInterval(function(){
                var text = button.text();
                if (text.length < 14){
                    button.text(text + '.');                  
                } else {
                    button.text('文件上传中');            
                }
            }, 200);
        },
        onComplete: function(file, response){
            if(response != "success")
                alert(response);
              
            button.text('文件上传');
                      
            window.clearInterval(interval);
                      
            this.enable();
          
            if(response == "success");
                $('

').appendTo('#example .files').text(file);                
        }
    });

});

$upload_dir = '../file/';
$file_path = $upload_dir . $_FILES['userfile']['name'];
$MAX_SIZE = 20000000;

echo $_POST['buttoninfo'];
if(!is_dir($upload_dir))
{
    if(!mkdir($upload_dir))
        echo "文件上传目录不存在并且无法创建文件上传目录";
    if(!chmod($upload_dir,0755))
        echo "文件上传目录的权限无法设定为可读可写";
}

if($_FILES['userfile']['size']>$MAX_SIZE)
    echo "上传的文件大小超过了规定大小";

if($_FILES['userfile']['size'] == 0)
    echo "请选择上传的文件";

if(!move_uploaded_file( $_FILES['userfile']['tmp_name'], $file_path))
    echo "复制文件失败，请重新上传";

switch($_FILES['userfile']['error'])
{
    case 0:
        echo "success" ;
        break;
    case 1:
        echo "上传的文件超过了 php.ini 中 upload_max_filesize 选项限制的值";
        break;
    case 2:
        echo "上传文件的大小超过了 HTML 表单中 MAX_FILE_SIZE 选项指定的值";
        break;
    case 3:
        echo "文件只有部分被上传";
        break;
    case 4:
        echo "没有文件被上传";
        break;
}