アップロードプラグイン


ドラッグアンドドロップのプラグインをお探しですか?美しいUIとユーザーフレンドリーが必要ですか?まあ私の個人的なプロジェクトや仕事で私は自分の好きなアップロードプラグインを共有したいの一部を使用した後.

uppy


UPpyは非常に簡単にアップロードする1つの良いUIと有用なリソースを持っています.
訪問https://uppy.io/

以下にいくつかの特徴を示します.
  • オープンソース
  • 軽量、モジュラー、プラグインベースのアーキテクチャ
  • 再開可能なファイルアップロードtus 標準
  • ユーザーがウェブカメラ、Dropbox、GoogleドライブとInstagramからファイルを選ぶことによって、バッテリーとデータ計画を保存します
  • ファイルをエンコードし、transloaditからバックエンドを処理すると素晴らしいが、また、偉大な作品なしで動作します
  • ファイル回復(ブラウザクラッシュまたは偶然のナビゲーションの後)経由でGolden Retriever
  • I 18 N
  • アクセシビリティを内蔵
  • 永遠に自由
  • また、それを使用することができますreact, vue or simple website! そして、WebpackやBrowserifyのようなモジュールバンドルを使用します.
    別々のモジュールでインストールできます:
    $ npm install @uppy/core @uppy/xhr-upload @uppy/dashboard
    
    またはすべてを一度に:
    $ npm install uppy
    
    プロジェクトにインポートします.
    import Uppy, { XHRUpload, DragDrop } from 'uppy'
    

    フィレネット


    PQinaによるfilepondは非常に美しいです!訪問https://pqina.nl/filepond/



    すべての彼の特徴:
  • 複数の入力形式:ディレクトリ、ファイル、blobs、ローカルURL、リモートURLとデータURIを受け入れます.
  • 複数のファイルソース:ドロップファイル、ファイルシステムからファイルを選択し、APIを使用してファイルを追加したり、コピーして貼り付けファイルです.
  • 非同期または同期のアップロード:XmlHttpRequestを使用してサーバーにファイルを送信したり、ファイルエンコーディングプラグインを使用してフォームポストをbase 64として送信します.
  • 画像の最適化:自動サイズ変更とクライアントの画像のトリミングサーバーの帯域幅を保存し、劇的に増加速度をアップロードします.
  • アクセス可能:VoiceOverと顎のようなソフトウェアでテスト.FilePondのユーザーインターフェイスキーボードで航行可能です.
  • 応答:自動的に利用可能なスペースにスケール.両方のモバイルおよびデスクトップデバイス上で機能します.
  • また、
  • ドラッグアンドリターンファイルに
  • 変更アイコンとアイコン
  • 複数または単一のファイルモード
  • フィルタをドロップフォルダからファイル
  • 一時的なサーバファイルの復元
  • キャッチ・ファイル
  • アップロードまたはユーザーアクションを待つ
  • 限界領域高さ
  • 現在のファイルを置換する
  • コピーペーストファイル
  • ファイルにメタデータを追加する
  • プラグインでFilePondを拡張する
  • 入力ファイルサイズを制限する
  • すべてのファイルの合計サイズを制限する
  • 追加するファイルの種類を制限する
  • 画像ファイルのプレビューを表示する
  • 作物の画像を固定比率
  • リサイズ画像を制限ボックスに収まるように
  • 画像を特定のサイズにリサイズする
  • クライアントにイメージ変換を適用する
  • JPEG画像を圧縮する
  • JPEGまたはPNGにイメージを変換する
  • 画像exifの向き情報を読み込む
  • ファイルをエンコード
  • そしてもちろん、あなたはそれを使用することができますreact, vue or a simple website .
    確信?それらのいずれかを試して、あなたがその後何を考えるか私に教えてください.