阿里云php文件上传显示进度条

您可以使用AJAX和PHP实现文件上传进度条。以下是一个简单的示例：

1. HTML代码：

<form id="uploadForm" enctype="multipart/form-data">
  <input type="file" name="file" id="file">
  <input type="button" value="上传" onclick="uploadFile()">
</form>
<div id="progressBar"></div>

2. JavaScript代码：

function uploadFile() {
  var xhr = new XMLHttpRequest();
  var formData = new FormData(document.getElementById("uploadForm"));
  xhr.upload.addEventListener("progress", uploadProgress, false);
  xhr.open("POST", "upload.php");
  xhr.send(formData);
}

function uploadProgress(event) {
  var progressBar = document.getElementById("progressBar");
  if (event.lengthComputable) {
    var percent = Math.round((event.loaded / event.total) * 100);
    progressBar.innerHTML = percent + "%";
  }
}

3. PHP代码：

$targetDir = "uploads/";
$targetFile = $targetDir . basename($_FILES["file"]["name"]);
move_uploaded_file($_FILES["file"]["tmp_name"], $targetFile);

在这个示例中，我们创建了一个表单，其中包含文件上传输入和上传按钮。当用户单击上传按钮时，JavaScript代码将使用AJAX将文件上传到服务器。上传期间，uploadProgress函数将被调用以显示上传进度。最后，PHP代码将上传的文件保存到服务器上的指定目录中。

请注意，这只是一个简单的示例，实际应用中需要更多的错误处理和安全性检查。