PHP上传、提取和进度条
我需要帮助为我的php上传站点创建进度条。我已经把上传和exctract部分整理好了,但是我需要进度条方面的帮助。我不知道怎么做。此外,是否有上载的最大文件大小 HTMLPHP上传、提取和进度条,php,html,upload,progress-bar,Php,Html,Upload,Progress Bar,我需要帮助为我的php上传站点创建进度条。我已经把上传和exctract部分整理好了,但是我需要进度条方面的帮助。我不知道怎么做。此外,是否有上载的最大文件大小 HTML <?php if($message) echo "<p>$message</p>"; ?> <form enctype="multipart/form-data" method="post" action=""> <label>Choose file (.zip):
<?php if($message) echo "<p>$message</p>"; ?>
<form enctype="multipart/form-data" method="post" action="">
<label>Choose file (.zip): <input type="file" name="zip_file" /></label>
<br />
<input type="submit" value="Upload" name="submit" value="Upload" />
</form>
选择文件(.zip):
PHP
<?php
if($_FILES["zip_file"]["name"]) {
$filename = $_FILES["zip_file"]["name"];
$source = $_FILES["zip_file"]["tmp_name"];
$type = $_FILES["zip_file"]["type"];
$name = explode(".", $filename);
$accepted_types = array(
'application/zip',
'application/x-zip-compressed',
'multipart/x-zip',
'application/x-compressed');
foreach($accepted_types as $mime_type) {
if($mime_type == $type) {
$okay = true;
break;
}
}
$continue = strtolower($name[1]) == 'zip' ? true : false;
if(!$continue) {
$message = "[...] not a .zip file. Please try again.";
}
$target_path = "./".$filename;
if(move_uploaded_file($source, $target_path)) {
$zip = new ZipArchive();
$x = $zip->open($target_path);
if ($x === true) {
$zip->extractTo("./");
$zip->close();
unlink($target_path);
}
$message = "Your .zip file was uploaded and unpacked.";
} else {
$message = "There was a problem with the upload. Please try again.";
}
}
?>
据我所知,您必须使用JavaScript来完成此操作。通过AJAX调用发布数据并初始化进度条。随着时间的推移,对其进行动画处理,使条“填满” 最终,AJAX调用将完成,并将发送一个响应,在调用完成后,您可以完成动画。这就是我假设大多数进度条的工作方式,因为它们通常会上升,然后停止在99%左右,直到帖子返回“完成状态” 在任何情况下,您都会有一个进度条,例如,它由一个
表示,其宽度会随着时间的推移而增加,或者一个数字会上升等等。。。您可以使用JavaScript和/或jQuery设置动画。希望这能让你朝着正确的方向开始
编辑
这里有一个教程的链接,介绍了使用AJAX将文件上载到服务器所需的步骤:您可以根据需要进行一些更改,但如果您想要一个进度条,这个方法非常有效。您可以添加更多EventListener,并使其符合您的需要。我希望这是一个很好的起点
function uploadFile(){
var file = document.getElementById("zip_file").files[0];
var formdata = new FormData();
formdata.append("zip_file", file);
var ajax = new XMLHttpRequest();
ajax.upload.addEventListener("progress", function(event) { runprogress(event); } , false);
ajax.addEventListener("load", function(event) {uploadcomplete(event); }, false);
//Target your php file.
ajax.open("POST", "upload.php");
ajax.send(formdata);
}
function runprogress(event){
//The progress %, you might want to Math.round(percent)
var percent = (event.loaded / event.total) * 100;
}
function uploadcomplete(event){
//This will = to your php reply.
var AjaxReply=event.target.responseText;
}
谢谢你的回复,我一定会试试看!