menu
menu

キーワード検索

 

前月(7月)の人気記事トップ10

  1. ( 1-) CSSだけでドロップダウンメニュー
  2. ( 2-) CSSだけでサイズ可変・スマホ対応のアコーディオン
  3. ( 3-) スマホサイトの作成・基本編
  4. ( 4-) CSSだけでブロック要素の表示非表示(トグルボタン)
  5. ( 7↑) jQueryで日時を表示【実践でjQuery入門】
  6. ( 5↓) 表示しているブラウザの高さを取得してCSSのheightに指定
  7. ( 9↑) スマホサイト向け横にスクロールするナビゲーション
  8. ( 8-) HTML5・ページ作成の基本
  9. ( -↑) Windows 10にMySQLをインストール
  10. ( -↑) 変数を宣言する【jQuery入門】

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

  • Labs

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

こんにちは(・∀・)

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

Contents

  1. サンプル1
  2. サンプル2

ファイル送信フォーム

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

サンプル1

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

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

HTML

<form action="upload.php" method="post" enctype="multipart/form-data">
<p><input type="file" name="upfile"></p>
<p><input type="submit" value="アップロード"><input type="reset" value="キャンセル"></p>
</form>
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 "<b class='blue'>".$_FILES["upfile"]["name"]." アップロードしました</b>";
} else {
echo "<b class='red'> アップロードできませんでした</b>";
}
} else {
echo "<b class='red'>".$_FILES["upfile"]["name"][$i]." アップロードできませんでした</b>";
}
?>
Result

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

サンプル2

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

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

HTML

<form action="upload.php" method="post" enctype="multipart/form-data">
<p><input type="file" name="upfile[]" multiple></p>
<p><input type="submit" value="アップロード"><input type="reset" value="キャンセル"></p>
</form>
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 "<b class='blue'>".$_FILES["upfile"]["name"][$i]." アップロードしました</b>";
echo nl2br("\n");
} else {
echo "<b class='red'> アップロードできませんでした</b>";
}
} else {
echo "<b class='red'>".$_FILES["upfile"]["name"][$i]." アップロードできませんでした</b>";
}
}
?>
ファイルを複数選択する方法

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

Result

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


参考サイト

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

  • カテゴリー:Labs