【Labs】PHPでファイルの送信フォーム

こんにちは（・∀・）

今日はファイルを送信することができるフォームのサンプルをご紹介します❗️

Contents

1. ファイルの送信フォーム
2. 複数ファイルの送信フォーム

通常のファイルの送信フォームと複数のファイルを選択して送信できるフォームのサンプルです。

1. ファイルの送信フォーム

通常のファイル送信フォームのサンプルです。

アップロードされたファイルを保存するフォルダーfilesフォルダーを作ってupload.phpと同じディレクトリに設置してください。

index.html

<form action="upload.php" method="post" enctype="multipart/form-data">
<p><input type="file" name="upfile" required></p>
<p><button type="submit">upload</button><button type="reset">reset</button></p>
</form>

upload.php

<?php
if (is_uploaded_file($_FILES["upfile"]["tmp_name"])) {
$uploadFile = date("YmdHis-").$_FILES["upfile"]["name"];
if (move_uploaded_file($_FILES["upfile"]["tmp_name"],"files/".$uploadFile)) {
chmod($uploadFile, 0644);
echo "<p class='true'>".$_FILES["upfile"]["name"]." をアップロードしました</p>";
echo '<button type="button" onclick="history.go(-1)">back</button>';
} else {
echo "<p class='false'>アップロードできませんでした</p>";
echo '<button type="button" onclick="history.go(-1)">back</button>';
}
} else {
echo "<p class='false'>".$_FILES["upfile"]["name"][$i]." をアップロードできませんでした</p>";
echo '<button type="button" onclick="history.go(-1)">back</button>';
}
?>

Result

サンプルデモはこちら
スマホでのご確認はこちらをどうぞ

2. 複数ファイルの送信フォーム

複数のファイルを選択して送信することができるフォームのサンプルです。

アップロードされたファイルを保存するフォルダーfilesフォルダーを作ってupload.phpと同じディレクトリに設置してください。

index.html

<form action="upload.php" method="post" enctype="multipart/form-data">
<p><input type="file" name="upfile[]" multiple required></p>
<p><button type="submit">upload</button><button type="reset">reset</button></p>
</form>

upload.php

<?php
for ($i = 0; $i< count($_FILES["upfile"]["tmp_name"]); $i++) {
if (is_uploaded_file($_FILES["upfile"]["tmp_name"][$i])) {
$uploadFile = date("YmdHis-").$_FILES["upfile"]["name"][$i];
if (move_uploaded_file($_FILES["upfile"]["tmp_name"][$i], "files/".$uploadFile)) {
chmod($uploadFile, 0644);
echo "<p class='true'>".$_FILES["upfile"]["name"][$i]." をアップロードしました</p>";
echo '<button type="button" onclick="history.go(-1)">back</button>';
echo nl2br("\n");
} else {
echo "<p class='false'>アップロードできませんでした</p>";
echo '<button type="button" onclick="history.go(-1)">back</button>';
}
} else {
echo "<p class='false'>".$_FILES["upfile"]["name"][$i]." をアップロードできませんでした</p>";
echo '<button type="button" onclick="history.go(-1)">back</button>';
}
}
?>

ファイルを複数選択する方法

WindowsではSHIFTキー or CTRLキーを押しながら選択、MacではSHIFTキー or COMMANDキーを押しながら選択。

Result

サンプルデモはこちら
スマホでのご確認はこちらをどうぞ

参考サイト

【PHP】フォームでファイルを添付送信する方法
たくあんのチラシ裏