jqueryを使用してアップロードされているファイルの一時ファイル名を投稿できます

Question

個人的な詳細を含むフォームを投稿する必要があり、AJAXを使用してこれを達成するために必要な添付ファイルもアップロードする必要があります。

AJAXを使用してファイルをアップロードするにはどうすればよいですか？AJAXを使用して個人的な詳細を投稿すると同時にファイルをアップロードする必要があります。どうすればいいですか？

Answer 1

AJAXを使用してファイルをアップロードすることはできません。これは、マルチパートエンコードされたリクエストを実行できないためです。これはXMLHttpRequest APIの制限です。

一般的には、実際のファイルアップロードをフォーム全体の個別のサブプロセスとして処理するフォームの対象となるIFRAMEを使用することが考えられます。 IFRAMEにロードされたレスポンスは、アップロードされたファイルに関する情報とともに親/呼び出しページのDOMに返信されます。

Answer 2

ページ上

<iframe name="iframe1" ... /> 

とiframe

<Form traget="iframe1" ...>...</form> 

に投稿するフォーム上の変更ターゲットを非表示のiframeを追加する場合は、ページにデータをアップロードして投稿することができます。また、javascript（JQuery）を使用してiframeのイベントにフックすることもできます。

アップロードの進行状況を取得するには、php uploadprogressモジュールを使用します。それは素晴らしい作品です！ここで http://pecl.php.net/package/uploadprogress と http://bluga.net/projects/uploadProgressMeter/

私はそれが役立つかもしれ見つかったリンクです： http://www.finalwebsites.com/forums/topic/php-ajax-upload-example