a)新機能! 常に、誰かが何かをすることを引き受けると、通常は見えます。これには何らかの意味があります。
b)かわいい! 研ぐことはできませんが、箱から出してください。 ブートストラップおよびグリフィコンのアイコンに基づく
c)言うまでもなく、複数選択ファイル、ドラッグアンドドロップ、プログレスバー、写真のサムネイル。
d)クロスドメイン接続、クライアント側での写真の再開とサイズ変更のサポート。
e)任意のサーバープラットフォーム(PHP、Python、Ruby on Rails、Java、Node.jsなど)に対応
blueimp.github.com/jQuery-File-Upload
ブラウザサポート:
github.com/blueimp/jQuery-File-Upload/wiki/Browser-support
クイックコネクト
プラグインには2つのバージョンがあります。 ブートストラップおよびJquery UI
インターフェースを完全にやり直すことに焦りをお持ちの場合は、プラグインのベアバージョンがあります
詳細
プラグインの設定方法は?
PHPにはjQuery File Upload(バージョンUI)を使用します。
プラグインに同梱されているものは完全に機能し、サーバーにアップロードするだけです。
ダウンロードして、解凍し、解凍したものをサーバーに入力します(フォルダーの名前は変更できます)。
正常性をテストするためにデモページを実行します。
ファイルのアップロードはすべての人に有効であり、同じファイルを誰でもダウンロードできることに注意してください。 保護する最も簡単な方法は、.htaccessを介してアップロードされたファイルのあるフォルダーにパスワードを置くことです。
Google App Engineで jQuery File Upload(UIバージョン)を使用する
プラグインをダウンロードして解凍し、 app.yamlファイルを編集して「jquery-file-upload」を独自のアプリIDに置き換えます。 App Engineインスタンスとしてserver / gae-pythonまたはserver / gae-go(開発環境に応じて)を入力します。
App EngineインスタンスへのURLのフォームアクションターゲットフィールドを編集した後、任意のサーバーのjQuery-File-Upload(ルート)フォルダーに入力します。
Node.jsでjQueryファイルアップロード(UIバージョン)を使用する
Node.jsのサンプルをnpm経由でサーバーにインストールできます。
npm install blueimp-file-upload-node
サービスの開始:
./node_modules/blueimp-file-upload-node/server.js
プラグインでアーカイブをダウンロードし、解凍し、index.htmlを編集し、フォームアクションのパスをNode.jsに設定します( " localhost :8080"など)。
プロジェクトフォルダーを(不要なファイルなしで)任意のサーバーにアップロードし、Node.jsにファイルをアップロードするためのサービスのインターフェイスとして使用できます。
他のプラットフォームでjQuery File Upload(UIバージョン)を使用する
詳細はこちらgithub.com/blueimp/jQuery-File-Upload/wiki/Setup
-
追伸 コメントからの推奨事項
「Apache + PHPでは、Webサーバーにファイルとサムネイルフォルダー(Ubuntuではwww-dataなどと呼ばれます)に書き込む権限を与える必要があります。 機能をテストするには、これらのフォルダーに「777」を設定するだけで済みますが、これは安全ではない可能性のあるパスです。
そうでない場合、すべてのストライプの予期しないトークンが大量に表示されます。 » - 病気