htmlフォームから画像ファイルをアップロードする方法

この記事がお役に立てたならシェアしてくれると嬉しいです。

ツイッターなどのSNSでは画像付きのツイートができます。
同じ様にHTMLフォームでも画像ファイルも入れられます。

スポンサーリンク

アップロードのHTMLフォーム

まずはhtmlフォームの表記を解説します。
php部分は次回やります。

formのタグで「input type=”file”」を使います。
そしてformにenctype=”multipart/form-data”というコマンドを入れます。
ちなみにmethod=”get”ではなくmethod=”post”でなければなりません。

例:

<form method="post" enctype="multipart/form-data">
画像ファイル<input type="file" name="pic">
<br>
<input type="submit" name="botan" value="send">
</form>


実行するとこのように表示されます。
htmlフォームから画像ファイルをアップロードする方法

「参照…」を押すと
htmlフォームから画像ファイルをアップロードする方法

ファイルを開くウインドウが表示されます。


ファイルを選択すると選択した画像ファイルの参照部分に
パス付きファイル名が表示されます。
htmlフォームから画像ファイルをアップロードする方法

「send」ボタンを押すとファイルがアップロードされます。

では、ファイルをサーバーへ保存する方法のphp側の処理を書いていきます。

スポンサーリンク

この記事がお役に立てたならシェアしてくれると嬉しいです。


最新記事の更新情報をお届けします。

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)