ホームページ  >  記事  >  バックエンド開発  >  PHP は jQuery プラグイン ajaxFileUpload を組み合わせて非同期ファイル アップロードの例を実装します。_PHP チュートリアル

PHP は jQuery プラグイン ajaxFileUpload を組み合わせて非同期ファイル アップロードの例を実装します。_PHP チュートリアル

WBOY
WBOYオリジナル
2016-07-12 09:04:01988ブラウズ

PHP と jQuery プラグイン ajaxFileUpload の組み合わせは、非同期ファイル アップロードの例を実装します。

最も一般的に使用される JQuery 画像アップロード プラグインは、非常に優れた効果を発揮しますが、これは携帯電話のためです。フラッシュをサポートしていないので、アップロードする別のファイルを探す必要があります。プラグインはここにあります。後で、ajaxFileUpload プラグインが非常に優れていることがわかり、このプラグインを使用してファイルを非同期アップロードする効果を実現しました。また、ajaxFileUploadプラグインの使い方に関する記事はネット上にたくさんありますが、PHP版がないことがわかったので、今回はサーバー側の処理をPHP言語で扱います。

1. ajaxFileUploadプラグインの構文パラメータの詳細説明

原則: ajaxfileuploadは、サーバーからの処理が完了すると、iframeのonloadイベントがトリガーされてバインドされたメソッドを呼び出し、iframe内のサーバーリターンが行われます。バインドメソッドで取得したデータ本体(通常のテキスト、json、xml、script、htmlをサポート)

構文: $.ajaxFileUpload([オプション])

次に、使い方を見てみましょう

1. まず、ajaxFileUpload プラグインを導入します。

リーリー

ここではjq1.11.1バージョンを使用しています。異常なエラーが発生しないように、jqバージョンとajaxfileuploadバージョンが一致している必要があるとネットで言われています。とにかく、今のところエラーはありません。

2. HTMLコードを貼り付けます。

リーリー

ここで重要なのは のコードです。他のものは気にしないでください。携帯電話のプラグインです。

3. 処理する js コードに移動します。

リーリー

ここでは、皆さんの理解を容易にするために、基本的にコードの各行にコメントを書きます。処理としては、uploader.php に画像をアップロードして、json データが正常に返され、json から URL 値が取得されて img タグに割り当てられ、img タグが追加されて表示されます。ページ。

ここにjsonによって返されたデータを添付します:

リーリー

アップロード前の HTML ページは次のようになります:

非同期アップロードが成功すると、HTML ページは次のようになります:

4. PHP がどのように処理するかを確認してください

リーリー

誰でも理解しやすいようにコードは基本的にコメントアウトされていますが、画像アップロードの処理にはPHPが使用されていますが、アップロード時にプログラムコードが処理する論理的な考え方を理解していれば、.netやJavaの考え方をそのまま使用することができます。 。

上記は、JQuery プラグイン ajaxFileUpload を使用したファイルの非同期アップロードの分析プロセス全体です。皆さんの学習に役立つことを願っています。

www.bkjia.com本当http://www.bkjia.com/PHPjc/1075084.html技術記事 PHP は、jQuery プラグイン ajaxFileUpload を組み合わせて、非同期ファイル アップロードの例を実装します。最も一般的に使用される JQuery 画像アップロード プラグインは、非常に優れた効果を発揮しますが、携帯電話では機能しないためです。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。