Articles

19複数のファイルアップロードのための最高の無料のjQueryファイルアップロードスクリプト2020

ウェブは、異なるファイルタイプの基盤上に構 それは写真、映画のようなビデオコンテンツ、あなたの個人的なWord文書、テキスト文書、またはプログラミング指向のファイルだかどうか、我々は常に変Dropboxのようなサービスが存在する主な理由の一つであり、どこにいてもファイルを管理して同期するのに役立ちます。

これは、Dropboxのようなサービスが存在する主な理由の一つです。 あなたが通常のインターネットユーザーであれば、ファイル共有の非常に重要性を知っているだろうし、安全で便利で効果的な方法で私たちのファイルを共有するために、信頼性の高いファイル共有サービスへのアクセスを持っていることがいかに重要であることができます。

あなたがweb開発者であれば、あなた自身のファイル共有ウェブサイトを構築するという考えに向かって描かれるかもしれない、またはおそらくあ

それを見る方法はたくさんありますが、それを遠くにするためには、自分自身や他の人のためにファイルをアップロードして管理するための信頼性の高い解決策を見つける必要があります。 これが、ファイルのアップロードと最適化に使用できる最も著名で最高のjQueryファイルアップロードスクリプトのリストを集めた理由です。

非常に多くの選択肢があるので、選択肢は最良のものではないことに言及したいが、代わりに、それぞれの要件の最終目標を綿密に調査する必要があるため、個人ファイルをアップロードするための個人ファイルアップロードスクリプトを作成する場合は、より最小限のアップロードスクリプトを選択するが、多機能ファイル管理ウェブサイトを作成することが議題である場合は、より拡張機能を提供するスクリプトを見て、ここで私たちのリストのすべての少しを見つけることが確実である。

Closify

Closify

私たちが学んだように、コンテンツアップローダーは多くの異なる目的を果たすことができ、その文の完璧な例でjQueryフ Closifyは、壁紙のウェブサイトの目的のために、コミュニティメンバーのための画像のサイズ変更を必要とする個人的なコミュニティスクリプト、あなた自身の個人的なニーズのためのスタンドアロンの画像管理ページのために使用するかどうか、開発者は、すぐに彼らがアップロードされているように画像を操作するために使用することができますjQueryの画像のアップロードと管理ライブラリです—Closifyを使用すると、画像をアップロードし、同じページのサイズ変更、トリミング、およびそれらを保存することができます。 あなたの新たにサイズ変更またはトリミングされた画像は、スクリプトがあっても引用符の画像などを共有している人に魅力的になり、そのア

ダウンロード

jQueryファイルアップロード

jQueryファイルアップロードデモjQuery UIバージョン

jQueryファイルアップロードは、jQuery内でファイ このライブラリは、しかし、機能のわずかにより汎用性の高い範囲を提供しています。 まず、ネイティブのjQuery UIを含む5つの異なるスタイルが付属しており、プロジェクトに迅速で信頼性の高いファイルアップロードソリューションを必要とするAngularJS開発者のためにも提供されています。

機能には、デスクトップや他のフォルダから複数のファイルをアップローダーにドラッグアンドドロップする手段が含まれています。アップロードをキャンセルして再開することもできます。アップロードごとにプログレスバーがあり、アップロードが完了しようとしているときに知っているので、最新のブラウザではアップロード後に画像を編集することができ、同じブラウザでアップロードされたすべてのファイルをファイナライズする前にプレビューすることができます。 任意のサーバー側プラットフォーム(PHP、Python、Ruby on Rails、Java、Node。js、Goなど。)は、標準のHTMLフォームファイルのアップロードをサポートしています。

ダウンロード

jQuery。ファイラー

jQueryの。jQueryのためのファイラーシンプルなHTML5ファイルアップローダープラグイン

jQuery。filerは、深遠なファイルアップロードの経験を可能にする伝統的な新機能が満載されています別の複雑なjQueryのファイル管理プラグインです。 機能は、ファイルバリデーターのようなものが含まれています—ファイルサイズのアップロードの制限、アップロードできるファイルの数、またはアップロード ブラウザがこのようなイベントに必要なAPI呼び出しをサポートしているため、ファイルをプレビューするか、ブラウザから直接編集するために使用で jQuery。filerは独自のAPIも備えているため、アップローダーの外観と機能を自由に操作できます。 このドキュメントでは、すぐに使用を開始できる可能性のある呼び出しとイベントのすべての側面をカバーしています。

ダウンロード

jQuery Ajaxファイルアップローダー

jQuery Ajaxファイルアップローダー

jQuery Ajaxファイルアップローダーは、単純な(まだ現代的な)ファイ ここでは、複数のファイルオプションを持つ単純なファイルアップロードアプローチを使用するアップローダーと、同じページ内の単純なプログレスバーウィ 別に近代的なブラウザのために構築されているから、このプラグインは、あなたがあなたのための右の経験を作成することができますように、構成内の適切なパラメータを設定するためにJavaScriptとAJAXの知識/スキルの少しを必要としますが、それでも—パラメータのほとんどは、単に伝統的な配列の設定であり、変更するための多くの思考を必要としません。 Bootstrapで構築されました。

ダウンロード

ブートストラップファイル入力

ブートストラップfileinput jqueryファイルアップロードスクリプト
ブートストラ このファイルアップロードツールは、ブートストラップ3と4の両方と互換性があります。 統合は、誰もが必要な少しの作業でそれを最大限に活用することを確認し、少し風になります。 一括アクション、様々なファイルのサポート、プレビューとドラッグアンドドロップの内容は、すべてこれ以上は、あなたの便宜のためにどのようなブート インストール情報を調べ、アプリへのスムーズなファイルアップロード機能の統合に必要なすべてのガイダンスを収集します。 また、それは無料のツールですので、あなたは水をテストし、さらにはそれに貢献することを歓迎しています。

Download

Filepond

filepond jqueryファイルアップロードスクリプト
Filepondは、何か、すべてを受け入れるjQueryファイルアップロードスクリプトの巧妙な名前です。 これは、すべてのタイプのファイルを歓迎するJavaScriptライブラリであり、Url、ディレクトリ、blobでも動作し、名前を付けます。 Filepondで作業する場合、オプションと可能性は数多くあります–そして、あなたはゼロからそれを構築する必要はありません、それはどのようにクールですか? ユーザーエクスペリエンスは、Filepondの優れたパフォーマンスのために常にポイントになります。 ドラッグアンドドロップファイル、キーボードナビゲーション、画像の最適化と完全な応答性、これらはFilepondスポーツのコアハイライトの一部です。 はい、Filepondを使用して一括アップロードすることもできます。

ダウンロード

Dragio.js

dragio jqueryファイルアップロードスクリプト
Dragioのモダンで創造的な外観は、ほとんど誰と任意のプロジェクトにアピールします。 したがって、名前、Dragioは便利なドラッグアンドドロップ機能をスポットしますが、また、キーボード上のCtrl+v(またはComand+v)オプションをサポートしています。 もちろん、レイアウトは、その完全な流動性のおかげで、複数の近代的なデバイスやwebブラウザ間で動作します。 最初にDragioをプレビューし、そこから行くこと自由に感じます。 Swiftを実行するために、インストールやドキュメントを含むGitHub上のすべての必要なコンテンツにアクセスできます。 もちろん、Dragioに追加のカスタマイズ調整を自由に実行できるので、プロジェクトやwebアプリケーションをteeに適合させることができます。

ダウンロード

Dropzone

Dropzone。js

Dropzoneは、従来のクリックとアップロードの概念もサポートしていますが、使用しようとしているwebサイト上のコンポーネントウィジェット内で動作す 画像のアップロードにDropzoneを使用する予定の場合、ライブラリはファイルがアップロードされた後のライブ画像編集をサポートしています—編集、サイズ変更、 すべてのファイルパスとファイルタイプの設定はバックグラウンドで行われるため、本番サーバーでスクリプトを起動する前に設定ファイルを操作す 公式Dropzoneホームページは、あなたがすぐに始めるために必要なすべてのドキュメントを持っています。

Download

Fine Uploader

Fine Uploader Javascript Upload Library

もう一つの本格的なjQueryファイルアップローダーソリューションは、Fine Uploaderと呼ばれています。 Fine Uploaderの際立った機能には、失敗したファイルのアップロードを最初からではなく、アップロードされなかった最後のチャンクから再試行する機能が含まれています—これは実際のライブラリの一部でもあり、ファイルのチャンクと分割と呼ばれています。 Fine Uploaderはクラウドファイル管理を完全にサポートしており、Amazon S3またはMicrosoftのAzureにファイルをアップロードすることができ、他の簡単な機能には、アップロー これは、おそらくアクティブなユーザーの大規模なコミュニティが関与している信頼性の高いファイルアップロードソリューションを必要とする任意のサ

ダウンロード

フロー。js

角度ファイルアップロードフロー。js

ファイルアップローダスクリプトの流れを続けてみましょう。js! 流れ。jsは、HTML5File APIを介して複数の同時、安定した再開可能なアップロードを提供するJavaScriptライブラリです。 ライブラリはサードパーティの依存関係を必要としません。 ファイルのアップロードの一時停止と再開、失われたアップロードの回復、アップローダー内のエラーの処理などの機能を備えています。 これは、ドラッグアンドドロップファイルアップロードソリューション、フォルダ全体をアップロードする機能、および画像ファ また、それはあなたがアップロードしているファイルの進行状況についてのチェックであなたを保つためにプログレスバーを持っています。 チャンクアップロードは、失敗したアップロードから失われた部分を回復できることを確認し、その時点から再開して時間と頭痛を節約できます。

ダウンロード

Formstone

アップロード·Formstone

Formstoneは、実際には単一のプロジェクト内の多数の製品であるという点で、私たちのリ しかし、Formstoneには非常に使いやすく、非常に機能的なファイルアップロード管理ソリューションであるアップロードコンポーネントがあります。 彼らは、小規模および大規模の両方のウェブサイトやアプリのためのこのソリ 軽量コンポーネントには、単純なドラッグ&ドロップインターフェイス(クリック操作付き)があり、軽量のプログレスバーが添付された単一ま それはそれらに付す重い脂肪なしで余分部品を捜しているウェブサイトのための非常に有効な解決である。 しかし、また、Formstoneはそれ自体の中のプロジェクトです。 あなたは、コンポーネントの他の数十を一緒にステッチし、そこからwebやアプリのプロジェクトを作成することができます。 Formstoneの詳細については、Formstoneが提供するさまざまなコンポーネント間の相互作用を完全に理解してください。

ダウンロード

ファイルアップローダー

ファイルアップローダーデモ

ファイルアップローダーは、現代のwebブラウザがどのように素晴ら 彼らは、現代のwebユーザーの迅速かつ健全なファイルアップロードのニーズをサポートすることができます。 ファイルの管理に役立つさまざまな呼び出しを作成できますが、多くの主な機能は本当に際立っています。 これらは、ドラッグアンドドロップファイルアップロード、進行状況バー、および特定のユーザーに各ファイルアップロードを割り当 このファイルのアップロードは、ユーザー自身が自分の名前を言及する場所です。 私たちは、それがパスワードで保護されたファイルのアップロードなどのための完全に機能するソリューションに変更することができますどのように見ることができます。p>ダウンロード

PekeUpload

pekebyteによってPekeUpload

PekeUploadは、webデザイナーのための軽量コンポーネントソリューションです。 彼らは、機能のjQueryの+HTML5の組み合わせを使用してファイルをアップロードするためのウェブサイトのウィジェットとして使用することができます。 Bootstrapで構築されたPekeUploadは、スタイルが非常に簡単で、自分自身を拡張する方法のトンを提供しています。 PekeUploadを使用すると、ファイルのアップロードを制御したままになります。 ファイルサイズの制限を設定し、コンポーネントが受け入れるファイルの種類を選択できます。 伝統的なエラー通知が疲れている場合は、独自のカスタムエラー通知を設定できるので安心してください。 アップロードの前後にビジュアルコンテンツを直接プレビューできます。

Download

Backbone Upload Manager

Backbone Upload Manager

Backboneは、キーと値のバインディングとカスタムイベント、コレクションを持つモデルを提供することによ これらには、列挙可能な関数の豊富なAPIと、宣言的なイベント処理を備えたビューが含まれています。 また、RESTful JSONインターフェイスを介して既存のすべてのアプリケーションに接続することもできます。 これは非常によく知られているJavaScriptフレームワークであり、Backbone Upload Managerはこのフレームワークとそのユーザーにとって完璧な賛辞です。 ユーザーインターフェイス、および実際の経験は、機能と機能の強力なリストと非常に近代的です。 これらは、Backboneのような強固なフレームワークだけが提供できる資質です。

ダウンロード

FileDrop

FileDrop。jsデモ自己完結型HTML5AJAXドラッグドロップファイルアップロード

FileDrop。jsは、直接ブラウザファイルアップロードに焦点を当てたJavaScript最適化されたファイルアップロードライブラリです。 これは、他の多くの機能なしで、カスタム通知アラートを持っています。 ファイルを選択またはドラッグし、[アップロード]をクリックして、アップロードが成功したことが通知されるのを待ちます。 必要に応じて複数のファイルのアップロードを有効にする機能があります。

ダウンロード

FileAPI

FileAPI—ファイルを操作するためのjavascriptツールのセット。開発者はもちろん、ファイル管理のための独自のjQueryライブラリを構築できます。 それは多くの学習経験を提供するので、それは理にかなっています。 また、あなたはコードベースを担当する人になります。 この問題を解決するもう1つの方法は、1つの目的のために構築されたAPIに依存することです。 この場合、ファイルのアップロードとファイル管理です。 FileAPIを調べることをお勧めします。 これは、デスクトップアプリ用のファイルアップローダーを作成するために必要な機能、呼び出しやイベントを提供する完全に開発されたプロジェ 彼らはまた、モバイルアプリ、および一般的なwebプロジェクトのためにこれを行うことができます。Download

Plupload

Plupload UIウィジェット

Pluploadは成熟するのに本当に時間がかかったプロジェクトの一つですが、経験の浅いためではありません。 それは、当時、言語がウェブに提供できる機能の数が限られていたからです。 HTML5がweb開発の風景を変えているので、Pluploadは本当に輝くことができます。 Pluploadは、強化されたファイルアップローダーを構築するための多くのツールと機能を提供するファイルアップロード管理APIです。 彼らは数週間にわたって独自のコードを作成するのではなく、数分以内にこれを行うことができます。

ダウンロード

再開可能です。js

再開可能です。js JavaScript magic for simultaneous stable and resumable upload

これは、複数のアップロード、一時停止と再開、および全体的な安定性を可能にする単純なファイルアップロード環境を提供します。 大きなファイルを複数のチャンクに簡単に分割して、再開可能なアップロードを有効にできます。 あなたのファイルはまだあなたがそれを残したのと同じ場所からアップロードされることになることを確認することができます。 これは、接続が移行に狂人を行く場合でも、あなたのファイルをアップロードすることができます。

Download

Uploadify

デモUploadify

ユーザーエクスペリエンスを磨くためにjQueryを少し使用する完全に動作するHTML5ファイルアップローダーはどうですか? まあ、興味のある人のために我々はUploadifyをお勧めすることができます。 開発者はJavaScriptライブラリでそれを構築し、彼らはその正確な目的を念頭に置いています。 開発者はまた、古い学校の伝統を信じる人のためのフラッシュバージョンを追加しました。 トピックとサポートの質問の完全な既存のコミュニティフォーラムがあります。 しかし、私たちが言うことができることから、コミュニティフォーラムは実際に過去数年間アクティブではありませんでした。

ダウンロード

Colorlibを訪問し、この記事を読んでくれてありがとう! 私たちは非常にそれを感謝します! 今、あなたは私たちの無料のWordPressのテーマを使用してウェブサイトを作る方法を学びたいと思うかもしれません。