jQuery+php+ajax带进度条无刷新上传文件代码

注：这里的演示因服务器权限限制，会上传失败。附件里面的是可以完美上传的。

JS部分代码

';   
                //$(".imglist").append(attstr); 
                //$(".res").html("上传图片"+data.name+"成功，图片大小："+data.size+"K,文件地址："+data.url); 
            }else{ 
                $(".res").html(data.content); 
            }      
          },  
          error:function(xhr){ //上传失败  
             alert("上传失败");   
          }          
      });  
    } 
    else{ 
     alert("请选择视频文件");   
    } 
   }); 
 
});" _ue_custom_node_="true">

后端上传处理文件upload.php

$picname = $_FILES['uploadfile']['name'];  
$picsize = $_FILES['uploadfile']['size'];  
if ($picname != "") {  
    if ($picsize > 201400000) { //限制上传大小  
        echo '{"status":0,"content":"图片大小不能超过2M"}'; 
        exit;  
    }  
    $type = strstr($picname, '.'); //限制上传格式  
    if ($type != ".gif" && $type != ".jpg" && $type != "png" && $type != ".mp4"&& $type != ".rar") { 
        echo '{"status":2,"content":"文件格式不对！"}'; 
        exit;  
    } 
    $rand = rand(100, 999);  
    $pics = uniqid() . $type; //命名图片名称  
    //上传路径  
    $pic_path = "images/". $pics;  
    move_uploaded_file($_FILES['uploadfile']['tmp_name'], $pic_path);  
    $myfile = fopen("1/".date("His")."testfile.txt", "w"); 
}  
$size = round($picsize/1024,2); //转换成kb  
echo '{"status":1,"name":"'.$picname.'","url":"'.$pic_path.'","size":"'.$size.'","content":"上传成功"}';