jQueryファイルのアップロード

やった! 別の新鮮なもの...他の人よりもどうですか?







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」を設定するだけで済みますが、これは安全ではない可能性のあるパスです。



そうでない場合、すべてのストライプの予期しないトークンが大量に表示されます。 » - 病気



All Articles