jquery的ajax上传图片并且显示上传进度

jquery上传文件用的formdata，上传进度条需要添加xhr的onprogress

html代码如下：

    
    
    
    
    
        
    


	
    

    
        

    
    
总大小；已上传；

    

        选择文件：
        
    

php代码如下：

 0)
{
	echo "Return Code: " . $_FILES["file"]["error"] . "
";
}
else
{		
	// 文件中文转码
	//iconv('utf-8', 'gbk', $_FILES["file"]["name"]);

    //取出后缀名
    $ext = strrchr($_FILES["file"]["name"],'.');
    move_uploaded_file($_FILES["file"]["tmp_name"],
    		"upload/" . uniqid() . $ext);

    $arr['code'] = 666;
    $arr['message'] = "已经保存到: " . "upload/" . uniqid() . $ext;
    echo json_encode($arr);die;
}

 

参考资料: https://www.cnblogs.com/yiyide266/p/6932250.html