","image":"http://www.luping.net/uploads/20241104/17307198076728b03faccae.jpg","datePublished":"2024-11-08T22:31:00+08:00","dateModified":"2024-11-08T22:31:00+08:00","author":{"@type":"Person","name":"luping.net","url":"https://www.luping.net/articlelist/0_1.html"}}
」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 如何在不阻塞伺服器和客戶端的情況下即時讀取和回顯伺服器目前正在寫入的上傳檔案大小?

如何在不阻塞伺服器和客戶端的情況下即時讀取和回顯伺服器目前正在寫入的上傳檔案大小?

發佈於2024-11-08
瀏覽:283

How to Read and Echo Currently Writing Size of Uploaded File in Server in Realtime Without Blocking Server and Client?

如何在不阻塞伺服器和客戶端的情況下,即時讀取和列印正在伺服器端寫入的上傳檔案的大小?

讓我們展開來討論這個問題:

為了即時取得文件上傳的進度,我們在POST 請求中透過fetch() 從Blob、File、TypedArray 或ArrayBuffer 物件設定了body 物件。

目前的實作將 File 物件設定為 fetch() 的第二個參數傳遞給 body 物件。

需求:

作為 text/event-stream 讀取正在寫入伺服器檔案系統的檔案的大小並將其回顯到客戶端。當 GET 請求中 var 查詢字串參數提供的所有位元組都寫入完成後停止。檔案讀取目前在單獨的腳本環境中進行,其中 GET 呼叫向讀取檔案的腳本發出調用,然後 POST 到將檔案寫入伺服器的腳本。

在完成檔案大小回顯部分後再嘗試解決處理伺服器端檔案寫入或檔案讀取以取得目前檔案大小的潛在問題。

目前嘗試使用 php 滿足要求。不過也對 c、bash、nodejs、python 或其他語言或方法感興趣,這些語言或方法可以用來執行相同任務。

客戶端 javascript 部分沒問題。只是不太精通 php(世界上使用最廣泛的伺服器端語言之一),無法在不包含不必要的零件的情況下實施該模式。

動機:

fetch 的進度指標?

相關:

帶有ReadableStream 的Fetch

獲得

PHP Notice:  Undefined index: HTTP_LAST_EVENT_ID in stream.php on line 7

在終端機。

此外,如果將

while(file_exists($_GET["filename"]) 
  && filesize($_GET["filename"]) < intval($_GET["filesize"]))

替換為

while(true)

它會在EventSource 處產生錯誤。

沒有 sleep() 調用,正確的檔案大小會分發到一個大小為 3.3MB 的檔案的訊息事件中,3321824、61921、26214 和 38093 分別在上傳同一檔案三次時被列印出來。預期結果是在以下位置寫入檔案時取得檔案大小:

stream_copy_to_stream($input, $file);

而非上傳的檔案物件的 filesize。 fopen() 或 stream_copy_to_stream() 會阻止其他 php process 存取 stream.php?

到目前為止嘗試的方法:

php 引用自

  • 超越$_POST、$_GET 和$_FILE:在JavaScriptPHP 中處理Blob
  • 具有PHP 範例的Server-Sent Events簡介

php

// 能否合并 `data.php`、`stream.php` 为同一个文件?
// 能否使用 `STREAM_NOTIFY_PROGRESS` 
// "Indicates current progress of the stream transfer 
// in bytes_transferred and possibly bytes_max as well" to read bytes?
// do we need to call `stream_set_blocking` to `false`
// data.php
// stream.php

javascript





版本聲明 本文轉載於:1729432843如有侵犯,請洽[email protected]刪除
最新教學 更多>
  • PDO如何防止SQL注入並取代轉義單引號?
    PDO如何防止SQL注入並取代轉義單引號?
    PDO防止SQL注入的方法如果你已經從mysql函式庫過渡到PDO,你可能想知道如何取代real_escape_string來轉義發往資料庫的字串中的單引號的函數。雖然向每個字串添加斜杠可能看起來很麻煩,但 PDO 提供了一種更有效的替代方案。 PDO 準備的強大功能為了防止 SQL 注入,PDO ...
    程式設計 發佈於2024-11-09
  • 透過「專案:使用互斥體同步多執行緒列印」課程釋放您的編碼潛力
    透過「專案:使用互斥體同步多執行緒列印」課程釋放您的編碼潛力
    您準備好深入多執行緒程式設計的世界並學習如何使用互斥體來同步字串的列印了嗎? LabEx 提供的項目:使用互斥體同步多執行緒列印課程就是您的最佳選擇。 在這個基於專案的綜合課程中,您將踏上了解互斥體在協調多執行緒執行方面的重要性的旅程。您將首先修改現有的「混沌打字機」程序,確保字串以正確的順序列印...
    程式設計 發佈於2024-11-09
  • 為什麼我在 MySQL 中收到「\'create_date\'時間戳欄位的預設值無效」錯誤?
    為什麼我在 MySQL 中收到「\'create_date\'時間戳欄位的預設值無效」錯誤?
    “create_date”時間戳字段的預設值無效建立帶有時間戳列的表並指定預設值“0000-”時00-00 00:00:00',可能會出現錯誤,指示「'create_date'的預設值無效」。這個錯誤是由 MySQL 的 SQL 模式 - NO_ZERO_DATE 所造成的。...
    程式設計 發佈於2024-11-09
  • 儘管出現「頁面已移動」錯誤,如何使用 cURL 檢索頁面內容?
    儘管出現「頁面已移動」錯誤,如何使用 cURL 檢索頁面內容?
    使用 cURL 檢索頁面內容在此上下文中,您試圖使用 cURL 抓取 Google 搜尋結果頁面的內容。儘管嘗試設定使用者代理程式和各種選項,但您仍無法成功檢索頁面內容。重定向或“頁面移動”錯誤繼續困擾著您。 據信此問題可能源自於查詢字串中特殊字元的編碼。為了緩解這種情況,需要更改 PHP 程式碼。...
    程式設計 發佈於2024-11-09
  • 如何使用 JPA 和 Hibernate 以 UTC 格式儲存日期/時間?
    如何使用 JPA 和 Hibernate 以 UTC 格式儲存日期/時間?
    使用JPA 和Hibernate 在UTC 時區儲存日期/時間在JPA/ 中處理日期和時間時擔心時區差異休眠應用程式?本文探討如何在 UTC (GMT) 時區有效儲存和檢索時態數據,確保跨不同時區進行一致且準確的處理。 考慮以下附註的 JPA 實體:public class Event { ...
    程式設計 發佈於2024-11-09
  • 如何使用 CSS 建立動態擴充的文字輸入欄位?
    如何使用 CSS 建立動態擴充的文字輸入欄位?
    透過 CSS 增強文字輸入回應能力製作 Web 表單時,控製文字輸入欄位的大小至關重要。 CSS 提供了一種簡單的方法來定義其初始尺寸。但是,如果您希望輸入隨著使用者鍵入而動態擴展並達到最大寬度,該怎麼辦?本文深入研究了僅 CSS 和基於 HTML 的技術來實現此行為。 CSS 和內容可編輯利用 C...
    程式設計 發佈於2024-11-09
  • 關於 Javascript Promise 的有趣事實
    關於 Javascript Promise 的有趣事實
    Promise 始終是異步的 Promise 的回呼總是在同步程式碼之後執行 const promise = Promise.resolve(); promise.then(() => console.log('async')); console.log('sync');...
    程式設計 發佈於2024-11-09
  • LightFlow:Go 的任務編排框架
    LightFlow:Go 的任務編排框架
    我發展了 LightFlow,一個任務編排框架,旨在簡化 Go 中複雜工作流程的管理。它專注於執行時序並減少對外部設定檔的需求。 主要特點: 獨立上下文:每個步驟都通過獨立上下文鏈接,僅允許訪問相關數據。 可合併流程:您可以靈活組合任務流程,以便在不同流程中重複使用。 檢查點恢...
    程式設計 發佈於2024-11-09
  • 使用 HTML、CSS 和 JavaScript 建立簡單的連結檢查器工具
    使用 HTML、CSS 和 JavaScript 建立簡單的連結檢查器工具
    使用 HTML、CSS 和 JavaScript 建立簡單的連結檢查器工具 作為...
    程式設計 發佈於2024-11-09
  • ## 為什麼 GetSystemTimeAdjustment 並不總是反映 Windows 7 上的真實時間調整?
    ## 為什麼 GetSystemTimeAdjustment 並不總是反映 Windows 7 上的真實時間調整?
    Windows 7 計時函數:了解GetSystemTimeAdjustment如您所觀察到的,在Windows 7 上使用GetSystemTimeAdjustment 函數的結果可能會令人費解。為了更好地理解,讓我們解決您的問題:問題1:假設的正確性您的假設總體上是正確的。如果系統時間定期同步,...
    程式設計 發佈於2024-11-09
  • 掌握 JavaScript:初學者的基本技巧
    掌握 JavaScript:初學者的基本技巧
    JavaScript 是一種多功能且功能強大的程式語言,構成了現代 Web 開發的支柱。如果您是 JavaScript 新手,這裡有一些基本技巧可幫助您掌握其概念並開始建立互動式 Web 應用程式: 1. 了解基礎: 變數和資料類型:了解變數、它們的類型(數字、字串、布林值、物件、陣...
    程式設計 發佈於2024-11-09
  • 如何在 Python 中安全地儲存使用者憑證而不損害資料隱私?
    如何在 Python 中安全地儲存使用者憑證而不損害資料隱私?
    在 Python 中保護使用者憑證在 Python 中,儲存使用者名稱和密碼等敏感資訊需要仔細考慮。在編寫定期從第三方服務檢索資料等任務的腳本時,您需要一種可靠且安全的方法來儲存憑證而不損害資料隱私。 一個選擇是利用 Python 金鑰環庫,它與作業系統加密整合機制。在 Windows 中,金鑰環採...
    程式設計 發佈於2024-11-09
  • 在 Go 中何時使用限制為切片類型的切片參數與通用切片參數?
    在 Go 中何時使用限制為切片類型的切片參數與通用切片參數?
    泛型切片參數:理解區別在Go 中,泛型編程引入了類型參數,允許函數對不同類型進行操作。感興趣的一個領域是限制為切片類型的切片參數和通用切片參數之間的區別。 限制為切片類型的切片參數考慮使用 slices.Grow 函數第一個參數受 ~[]E 約束。這意味著該參數的類型必須是元素類型為 E 的切片類型...
    程式設計 發佈於2024-11-09
  • 簡單DIY心率監測器+心電圖顯示器
    簡單DIY心率監測器+心電圖顯示器
    目標 這個迷你專案/教學的目標是用最少的組件製作一個超級簡單的心率監視器和滾動心電圖顯示。 要求: Python 音訊介面 1/4吋線/吉他線/樂器線(只需透過音訊介面連接電腦即可) 快速背景 心臟的肌肉產生電訊號。其中一些訊號可以在皮膚表面檢測到。 我們可以使用表面電極來擷取這些訊號。問題是,...
    程式設計 發佈於2024-11-09
  • 生態倡議地圖:CSS(第 2 部分)
    生態倡議地圖:CSS(第 2 部分)
    Introducción En este tutorial, aprenderás cómo mejorar la apariencia visual de tu página HTML aplicando estilos CSS de manera gradual. A lo l...
    程式設計 發佈於2024-11-09

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3