menu
menu

キーワード検索

 

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

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

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

  • Labs

【PHP】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

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

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

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


参考サイト

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

  • カテゴリー:Labs