まずはHTML5におけるファイルのmultiple属性についてご紹介します
定義と使い方
multiple属性は入力フィールドで複数の値を選択できることを指定します。この属性を使用すると、フィールドは複数の値を受け入れることができます。
例:
<form action="demo_form.asp" method="get"> Select images: <input type="file" name="img" multiple="multiple" /> <input type="submit" /> </form>
上記の例の入力ファイルは、複数のファイル アップロード フィールドを受け入れることができます。
html5 のファイルの multiple 属性を理解したところで、html5 を使用して複数のファイルをアップロードする方法を説明していきます。
サンプルコード:
html:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <form action="my_parser.php" method="post" enctype="multipart/form-data"> <p><input name="upload[]" type="file" multiple="multiple" /></p> <input type="submit" value="Upload all files"> </form> </body> </html>
phpコード:
for($i=0; $i<count($_FILES['upload']['name']); $i++) {
//Get the temp file path
$tmpFilePath = $_FILES['upload']['tmp_name'][$i];
//Make sure we have a filepath
if ($tmpFilePath != ""){
//Setup our new file path
$newFilePath = "./uploadFiles/" . $_FILES['upload']['name'][$i];
//Upload the file into the temp dir
if(move_uploaded_file($tmpFilePath, $newFilePath)) {
//Handle other code here
}
}
}お読みいただきありがとうございます。皆様のお役に立てれば幸いです。このサイトのご支援に感謝いたします!
html5 を使用して複数のファイルのアップロード例を実装することに関するその他の PHP 関連記事については、PHP 中国語 Web サイトに注目してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
