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

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

Source: https://habr.com/ru/post/J140400/


All Articles