WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Loaders and Uploaders

The AwsmUploader: Unlimited Uploads w/o Flash!

— アドオンWorldWideScripts.netへ

@ja1wws日付まで滞在するために私達のフィードを購読する!

新しい!あなたがそれを望むように私たちに従ってください!


The AwsmUploader: Unlimited Uploads w/o Flash! - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

AwsmUploaderでは、簡単に(内蔵)または(そのような通常のファイル-入力として)独自のソースからのファイルでそれを供給することにより、ドラッグ&ドロップでファイルをアップロードすることができます。 それは、プレーンのJavaScript、HTML5とPHPを (つまり、それが必要とするすべてです)を使用して構築した。
フラッシュ、ActiveXの、クロームの拡張機能、サードパーティのライブラリ(例えばjQueryの、道場、MooToolsは、Modernizr)、任意のタイプのプラグインは、サーバー側のフレームワーク等:AwsmUploaderはこれらのいずれかを必要としない

完全に動作するデモや、ここで全体のドキュメントを表示します。

ブラウザの互換性(2013年7月現在)

デスクトップブラウザ モバイルブラウザ
テスト済み: 特徴検出、テストされていない(訪問あたりとして動作するはずです
対応デバイスとのデモ
)自分自身をチェックアウトするには、次の
  • Firefoxの13+
  • クローム20+
  • Internet Explorerの10+
  • (Mac OS Xの10.9でテスト) のSafari 7+
  • オペラ12.10+
  • iOSの6のSafari 6+(アプリ2+、iPhone 3GS、4+)
  • ブラックベリーのブラウザ
  • オペラモバイル14+
  • Android用のFirefox 22+

それについてとても特別な何ですか?

その質問へ多くの答えがあります。 最も素晴らしいは以下のとおりです。

  • 任意のサイズの任意の多くのファイルをアップロードします。 AwsmUploaderは2ギガバイトISO-ファイルでテストされました。 低いCPU使用率と魔法のように動作します。 AwsmUploaderは、PHPの、または他のサーバー側の制限を気にしない。
  • あなたはまだファイルサイズの上限を設定したり、独自の正規表現を供給することによって、特定のファイルのアップロードを許可しないことができます。
  • あなたがドロップ可能な領域として指定された要素にファイルをドラッグしてアップロードします
  • 非常に豊富すべてのファイルのファイルごとの統計/: スピードメーター (平均と現在の速度)、 バランス時間(ETA)、リアルタイムで、より正確な秒未満にサイズとクォータの計算。
  • 25以上のインターセプト可能イベントは、最大限の細部を可能に。
  • クォータ管理をサポートします。 AwsmUploaderがそれらをアップロードする前にファイルをスキップできるように最大アップロードサイズを設定します。
  • に非同期的にHTML5-FileAPIを使用し、チャンクごとのアップロードファイル。 同様にサポートされてCORS-要求を使用して他のドメインにアップロードします。
  • HTTP-401-挑戦し、プリフライトリクエストをサポート: 保護地域にアップロードする資格情報を使用してください。
  • 自動的にレンダリングし、JPEG-、GIF-およびPNGピクチャのサムネイル ​​を格納します 。 ビルトインクラスの使用してデータ·URLからブラウザで最もimageTypesを表示することができBinaryDataCollector
  • あなたは、あなたのニーズや利用可能な帯域幅にチャンクサイズを調整することができます。 あなたが並列ににそれを望むように AwsmUploaderは、多くのファイルを処理することができます。
  • 内部的にキューを使用します。 いつでも(たとえファイル単位)を一時停止し、中止することができます。 AwsmUploaderは他のファイルを処理している間にファイルをドロップし続けることを躊躇しないでください、それはの世話をします ;)
  • AwsmUploaderは完全に独立したJavaScriptクラスです。 それはjQueryの、MooToolsはや道場のような任意の他のライブラリを必要としません。
  • 豊富な状態管理は、すべての詳細にステップ( 現在のアクション、ファイルのサイズ、進捗、状態は、リアルタイムの用途、キューごとのファイル数 )についてユーザーに通知します。
  • リッチエラーと応答管理、それに非常に独自のコールバックをバインドする。
  • ファイル名と-size文字列をフォーマットするためのヘルパー関数を
  • とうまく動作しAwsmProgressBar

それでおしまい?

もちろん違います。 AwsmUploaderはもっとたくさん含まれています。

  • ネストされたクラスBinaryDataCollectorドロップされたファイルのデータを収集することができます。 これは、完成を読むときに、ブラウザに( データ·URLなど)ファイルのプレビューを可能にするためになされた。 クラスはAwsmUploader名前空間の一部であり、同様に外部で使用することができる。
  • ネストされたクラスFeatureDetection簡単に必要なすべての機能をチェックすることができます。 このクラスは、パブリック名前空間の一部である。
  • 二つの列挙も同様に入れ子になった。 一つは、他の1つが利用キュー·タイプのリストで、すべての登録可能イベントタイプを持つリストです。 これらは、特定のイベントの正しいハンドラを登録し、詳細については正しいキューをチェックするために使用される。 5キューはされています(現時点では読み込みまたはアップロードされたファイル)が完成中止と失敗したの保留、削除されました。
  • プライベートクラスAUFile以前は指定された領域に滴下し1ファイルを表します。 それだけでなく、便利なメソッドを持っていて外部にアクセス可能と特定のコールバックの引数として与えられている。aufileではその対応が同様にPHPで実装しました。
  • aufileではで構成されていAUFileChunks 。 各チャンクは有用で詳細な特性を有し、独自のXMLHttpRequest。 それは、そのaufileでを介してアクセス可能である。 同様に、PHPで対応するクラスがあります。

どのようなパッケージでだと私は何が必要なのですか?

パッケージには、 スタンドアローン、完全に独立したJavaScriptクラスが含まAwsmUploaderとその前述のネストされたクラスと列挙。 パッケージ内では、PHP-クラス(PHP 5が必要です)見つけるAUFileAUFileChunkそれらのチャンクごとのアップロードを処理するために、コントローラを。 パッケージには、(これと同じ、 に完全に実装されたデモ·インタフェースが含まれ AwsmProgressBar 。!ジェネリックプログレスバーに置き換えられている) にバンドル実装はあなたがサーバー側には何も設定する必要はありません箱から出して動作しますが (ただし、そこにいくつかのオプション)を使用すると、当然のことながら、調整することができます。

ご覧のとおり、提供されているパッケージが豊富であり、配信インターフェースはAwsmUploader(それはjQueryの/ jQueryUIを使用していることに注意してください)​​の一部ではありませんが、独自のインタフェースを実装し、設計するためにあなたを必要としません。 あなたはそれが動作し、サーバ上の唯一のPHP 5にするにはJavaScriptんの知識をほとんど必要とする。 最近のブラウザは、FirefoxとChrome 13+ 20+を含め、サポートされています。 Internet Explorerは、バージョン10から始まるサポートされています。 Operaはバージョン12.10以降から動作します。 AwsmUploaderは完全に述べた互換性のあるブラウザを使用している既存のアップロードソリューションを、置き換えることができます。 お客様がAwsmUploaderが同様に計算された上で動作すると報告した。 これは、Flashがサポートされていないので、そのようなデバイス上で大容量ファイルをアップロードするための唯一のネイティブのソリューションです。

アップデート、改善&修正

2013年7月19日
  • JavaScriptを:ブロブとそのctorのはクロスブラウザの方法で使用できるようになりましたようにBlobBuilderは完全に削除されましたIE10に対応しました。。
  • JavaScriptを:イベントスコープ(不可)の結合およびXDomainRequestに関するIEの古いバージョンのための余分なサポートを削除しました。 いくつかの冗長な機能を削除し、いくつかの他の簡素化 - AwsmUploaderは約5%縮小 ;)
  • JavaScriptを:今ArrayBuffersで動作するようにBinaryDataCollectorに適応

2012年9月5日

  • 全体:AwsmUploaderが簡単になりました、あなたが今ちょうどドロップ可能な領域以外の(自分の)ソースからそれを養うことができます! また、非常に大きなファイルの取り扱いは一時ファイルがもはや使用されていない、すぐに結果のファイルへのチャンクを書き込むことで良くなった。 あなたは完璧に、クライアント側およびサーバーサイドコードの両方が(削除されたメソッドを除く)、下位互換性があり、新しいバージョンに移行することができます!
  • JavaScriptは:パブリックメソッドを追加しましたenqueueFileForUpload()例えば、ファイルの入力は任意のソースからのファイルとAwsmUploaderを養うために更新したデモを参照してください )。 互換性は、(新しいブラウザ用)ブロブ-コンストラクタでArrayBufferViewsを使用することによって増加した。
  • PHP:コントローラと2つのクラスが変更さは、すべての変更を表示するには(デモで見つけることができます)のマニュアルを参照してください。 APIが容易に得て、いくつかの方法を除去し、メソッドのWriteFile()を添加した。
2012年7月18日
  • JavaScriptは:との互換性を増加Blob古いブラウザで-interface。
2012年7月14日
  • JavaScriptを:ブロブ-インタフェース、(代わりにBlobBuilderの)利用可能なを使用するようにマイナーな改善。
  • JavaScriptは:ブロブインターフェイスの互換性を検出するためのクラスAwsmUploader.FeatureDetectionを更新しました。
  • PHP:クラスaufileでは今彼らが今オーバーライドデフォルト引数として彼らと仕事使用するこれらの関数として、「DEFAULT_」で始まるその定数を持っています。 ドキュメントには、すべての変更を反映するように更新されました。

ダウンロードしてください
このカテゴリー内の他のコンポーネントこの著者のすべてのコンポーネント
コメントよくある質問と回答を求めた

プロパティ

:
13 7月12日に作成、最終更新日

高分解能:
YES

推奨ブラウザ:
IE10は、Firefox、Safariは、オペラ、クローム、ファイルが含ま

キーワード

eコマース, すべてのアイテム, AJAX, チャンク, ドラッグ&ドロップ, ファイルAPI, ファイルのアップロード, HTML5やJavaScript, 複数のファイルのアップロード, クォータ, スピードメータ, 無制限の, アップロードは, 進歩をアップロード