ホームページ > 記事 > バックエンド開発 > phpはhtml5を使用して複数のファイルのアップロードを実装します

phpはhtml5を使用して複数のファイルのアップロードを実装します

不言オリジナル: 2018-06-05 16:05:553932ブラウズ

HTMLが登場する前は、PHPで複数のファイルをアップロードするには、フォームに複数の入力ファイルフィールドを追加する必要がありました。 html5のリリース後、入力ファイルのhtml5属性を複数使用して、複数のファイルのアップロードを実現できます。必要な友達はそれを参照できます

まず、html5のファイルの複数属性を紹介します。

定義と使用法

複数属性の規制入力フィールドは複数の値を選択できます。この属性を使用すると、フィールドは複数の値を受け入れることができます。

例:

<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 code:

for($i=0; $i<count($_FILES[&#39;upload&#39;][&#39;name&#39;]); $i++) {
 //Get the temp file path
 $tmpFilePath = $_FILES[&#39;upload&#39;][&#39;tmp_name&#39;][$i];

 //Make sure we have a filepath
 if ($tmpFilePath != ""){
  //Setup our new file path
  $newFilePath = "./uploadFiles/" . $_FILES[&#39;upload&#39;][&#39;name&#39;][$i];

  //Upload the file into the temp dir
  if(move_uploaded_file($tmpFilePath, $newFilePath)) {

   //Handle other code here

  }
 }
}

お読みいただきありがとうございます。皆様のお役に立てれば幸いです。このサイトのご支援に感謝いたします!

phpはhtml5を使用して複数のファイルのアップロードを実装します

関連記事