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