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

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 を使用したファイルの非同期アップロードの分析プロセス全体です。皆さんの学習に役立つことを願っています。