整潔、模塊化的瀏覽器文件上傳組件 Uppy

Uppy 是什麼？

Uppy 是一個整潔的，模塊化的，幾乎能夠與任何瀏覽器結合的文件上傳組件，它快速，易用，能讓你把心思放在比文件上傳組件更重要的事情上

如何使用Uppy？

你能夠經過在線嘗試快速掌握Uppy的使用

Uppy應對瀏覽器崩潰的方法：

隨着人們天天在網絡上不斷的進行文件傳輸，文件傳輸過程當中出現意外已經司空見慣，如何在發生意外時減小使用者受到的損失已經成爲了一個重要的問題。而uppy 使用了Golden Retriever 來解決這個問題。Golden Retriever 將你選定的文件保存在你的瀏覽器緩存之中，這樣當瀏覽器崩潰時，uppy 也能找回全部東西繼續上傳。可是若是在瀏覽器崩潰以後沒有進行恢復而是進行了某種清理緩存的操做的話……那就沒辦法了。

Golden Retriever 經過三種方法結合起來保存數據：

1. 使用本地存儲來保存文件真正的數據，在瀏覽器啓動時恢復它們，但 uppy 不能直接訪問這些數據
2. 使用Service Worker 來保存對文件轉變爲BLOB（二進制大對象，是一個能夠存儲二進制文件的容器）以後的引用，雖然這會在瀏覽器崩潰後失效
3. IndexedDB 能夠永久保存BLOB 文件，可是在儲存文件的量上有諸多限制

因此當uppy 啓動時，信息將從本地存儲中恢復，從而讓uppy能夠知道發生了什麼。對於BLOB來講，它們將從Service Worker 和 IndexedDB中恢復。當文件成功上傳後，或者是使用者決定刪除它們時，Golden Retriever將會把它們自動清理掉。

雖然在有些時候Golden Retriever也沒法救回丟失的進度，好比一個很是大的文件在上傳時被打斷，或者瀏覽器徹底完全的崩潰。可是至少它能保存一些這個文件的關鍵信息，好比它的名字和預覽，以便讓使用者從新添加它們。

關於Tus：

tus是一個可恢復用戶正在上傳中文件的上傳協議，支持全部平臺的客戶端和服務器端，當使用者結束當前進行中的上傳時，服務器將存儲已上傳的數據（若是沒有發生內部錯誤或者存儲的數據會違反某些規定的話）。當使用者準備恢復上傳時，就向相應的URL發送一個請求來得到可用的空間從而繼續上傳數據。可是若是通過了較長的時間仍是沒有完成上傳的話（好比一週），服務器就將刪除未完成的上傳文件。

原文來自：https://openingsource.org/175/

本文地址：https://www.linuxprobe.com/clean-and-modular.html編輯：楊斌斌，審覈員：逄增寶