ITエンジニア/デザイナ向けにオープンソースを毎日紹介

Webで面倒に感じるのがファイルのアップロードです。特に途中でネットワークが切れた時には大きなストレスになります。1回で数百MB、数GBの大きなファイルをアップロードするとなればリジューム機能が欲しくなるはずです。

そこで使ってみたいのがResumable.jsです。HTML5のFile APIを使ってリジューム機能を実現します。

Resumable.jsの使い方

デモです。大きなファイルをアップロードします。

ファイルをアップロード中。一時停止もできます。

ネットワーク側では巨大なファイルを細かくアップロードされているのが分かります。

ファイルの内容が細かくなっていますので、サーバ側で結合する必要があります。そのための実装がnodeやPHPなど各種言語向けに提供されています。Resumable.jsを使えば巨大なファイルもアップロードしやすくなるでしょう。

Resumable.jsはHTML5/JavaScript製のオープンソース・ソフトウェア(MIT License)です。

23/resumable.js: A JavaScript library for providing multiple simultaneous, stable, fault-tolerant and resumable/restartable uploads via the HTML5 File API.

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2