<input type="file">を使ってローカルフォルダの画像ファイルをサーバー側(PHP)に渡したい

Question

前回の投稿の続きです。
https://teratail.com/questions/33141

現在上記タグで実装をしています。

ファイルアップロード機能を実装しているのですが、

<input type="file">を使って、ローカルフォルダの画像を選択し、アップロードするために、その画像ファイル自体をサーバー側(PHP)に渡すにはどうしたらいいでしょうか？

ajaxを使って、サーバー側にファイルオブジェトを渡したらいいというところはわかるのですが、そのファイルオブジェクトがどれなのかがわかりません。

以下のfile変数で合っていますでしょうか？thisは<input type="file">のjqueryオブジェクトを指しています。

var file = this.files[0];

このfile変数をajaxのdataで渡すという認識で合っていますでしょうか？

もし違っていれば、
その方法や参考サイトを教えていただけるとありがたいです。

もしお助けいただけるのであればお願い致します。

Answer 1

こんにちは。
以下が参考になるかと思います。

POST メソッドによるアップロード

肝になるのは、<form>の enctype属性に

"multipart/form-data"

を指定することです。
アップロードされたファイルの情報は、上記のページにも
書いてある通り、グローバル変数 $_FILES に格納されます。

以上ご参考になれば幸いです。

Comments

[k499778]

回答ありがとうございます。

頂いたアドバイスやサイトもいろいろ勉強して、php側で$_FILESを使って、受け取る方法を知ることができました。

それを踏まえて2点質問があります。

1点目
"multipart/form-data" にした時、formタグ内に普通のinput type=textがあってもPHP側でdataメソッドなどを使って受け取れるのでしょうか？

2点目
現在form内の値をjqueryを利用して、seliarizeメソッドでシリアライズ化した値をajaxを使ってPOSTしているのですが、
それでもPHP側で$_FILESを使えば受け取れるのでしょうか？formタグには"multipart/form-data" を書きます。

もしお時間ございましたらお答え頂けると助かります。

---------------------------------------------------------------------------------------------

追記

自分で確かめました。

１点目
dataメソッドで受け取れる

２点目
seliarizeメソッドでは<input type="file">の値は受け取れない

[jun68ykt]

こんにちは。今朝、追加のご質問を読みましたが、自己解決されたようで良かったです。