PHP文件上傳進度監(jiān)控

發(fā)布時間：2024-10-19 13:27:17 來源：億速云閱讀：81 作者：小樊欄目：編程語言

在PHP中，要實現(xiàn)文件上傳進度監(jiān)控，通常需要以下幾個步驟：

創(chuàng)建一個HTML表單，用于上傳文件。

<!DOCTYPE html>
<html>
<head>
    <title>File Upload</title>
</head>
<body>
    <form action="upload.php" method="post" enctype="multipart/form-data">
        Select file to upload:
        <input type="file" name="fileToUpload" id="fileToUpload">
        <br><br>
        <input type="submit" value="Upload File" name="submit">
    </form>
</body>
</html>

在服務(wù)器端，創(chuàng)建一個PHP腳本（例如：upload.php）來處理文件上傳。

<?php
$target_dir = "uploads/";
$target_file = $target_dir . basename($_FILES["fileToUpload"]["name"]);
$uploadOk = 1;
$imageFileType = strtolower(pathinfo($target_file, PATHINFO_EXTENSION));

// Check if file already exists
if (file_exists($target_file)) {
    echo "Sorry, file already exists.";
    $uploadOk = 0;
}

// Check if $uploadOk is set to 0 by an error
if ($uploadOk == 0) {
    echo "Sorry, your file was not uploaded.";
// if everything is ok, try to upload file
} else {
    if (move_uploaded_file($_FILES["fileToUpload"]["tmp_name"], $target_file)) {
        echo "The file " . basename($_FILES["fileToUpload"]["name"]) . " has been uploaded.";
    } else {
        echo "Sorry, there was an error uploading your file.";
    }
}
?>

為了實現(xiàn)進度監(jiān)控，我們需要使用JavaScript和XMLHttpRequest。在HTML文件中添加以下代碼：

<script>
function uploadFile() {
    var fileInput = document.getElementById("fileToUpload");
    var formData = new FormData();
    formData.append("fileToUpload", fileInput.files[0]);

    var xhr = new XMLHttpRequest();
    xhr.upload.addEventListener("progress", function(event) {
        if (event.lengthComputable) {
            var progress = (event.loaded / event.total) * 100;
            console.log("Upload progress: " + progress + "%");
        }
    }, false);

    xhr.open("POST", "upload.php", true);
    xhr.send(formData);
}
</script>

現(xiàn)在，當用戶選擇一個文件并點擊上傳按鈕時，uploadFile函數(shù)會被調(diào)用。這個函數(shù)會創(chuàng)建一個FormData對象，將文件添加到該對象中，并使用XMLHttpRequest發(fā)送一個POST請求到服務(wù)器。同時，我們監(jiān)聽了progress事件，可以在控制臺中查看上傳進度。

請注意，這個示例僅用于演示目的。在實際項目中，你可能需要考慮更多的錯誤處理和安全性問題。

向AI問一下細節(jié)

PHP文件上傳進度監(jiān)控

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標簽