web-dev-qa-db-ja.com

HTTP POSTを使用して、HTMLとPHPで複数のファイルを選択してアップロードするにはどうすればよいですか?

<input type="file">を使用した単一ファイルのアップロードでこれを行った経験があります。ただし、一度に複数のアップロードを行うのに問題があります。

たとえば、一連の画像を選択し、それらを一度にサーバーにアップロードできるようにします。

可能であれば、単一のファイル入力コントロールを使用することをお勧めします。

誰もこれを達成する方法を知っていますか?ありがとう!

137
stalepretzel

これは HTML5 で可能です。例(PHP 5.4):

<!doctype html>
<html>
    <head>
        <title>Test</title>
    </head>
    <body>
        <form method="post" enctype="multipart/form-data">
            <input type="file" name="my_file[]" multiple>
            <input type="submit" value="Upload">
        </form>
        <?php
            if (isset($_FILES['my_file'])) {
                $myFile = $_FILES['my_file'];
                $fileCount = count($myFile["name"]);

                for ($i = 0; $i < $fileCount; $i++) {
                    ?>
                        <p>File #<?= $i+1 ?>:</p>
                        <p>
                            Name: <?= $myFile["name"][$i] ?><br>
                            Temporary file: <?= $myFile["tmp_name"][$i] ?><br>
                            Type: <?= $myFile["type"][$i] ?><br>
                            Size: <?= $myFile["size"][$i] ?><br>
                            Error: <?= $myFile["error"][$i] ?><br>
                        </p>
                    <?php
                }
            }
        ?>
    </body>
</html>

ファイルダイアログで2つのアイテムを選択した後のChromeの外観は次のとおりです。

chrome multiple file select

そして、「アップロード」ボタンをクリックすると、次のようになります。

submitting multiple files to PHP

これは、完全に機能する回答の単なるスケッチです。 PHPでのファイルアップロードの適切で安全な処理の詳細については、 PHPマニュアル:ファイルアップロードの処理 を参照してください。

180
Mark E. Haase

複数ファイルのアップロードを作成するには、実際にかなり基本的なことを行う必要があります。 Java、Ajax、Flashを使用する必要はありません。以下から始まる通常のファイルアップロードフォームを作成するだけです。

<form enctype="multipart/form-data" action="post_upload.php" method="POST">

それから成功への鍵;

<input type="file" name="file[]" multiple />

それらの括弧を忘れないでください! post_upload.phpで次を試してください:

<?php print_r($_FILES['file']['tmp_name']); ?>

Tmp_nameデータを含む配列を取得していることに注意してください。これは、ファイル 'number'の例で3組目の括弧で各ファイルにアクセスできることを意味します。

$_FILES['file']['tmp_name'][0]

Php count()を使用して、選択されたファイルの数をカウントできます。グッドラックウィディット!

92
Epoxys

Firefox 5の完全なソリューション:

<html>
<head>
</head>
<body>
 <form name="uploader" id="uploader" action="multifile.php" method="POST" enctype="multipart/form-data" >
  <input id="infile" name="infile[]" type="file" onBlur="submit();" multiple="true" ></input> 
 </form>

<?php
echo "No. files uploaded : ".count($_FILES['infile']['name'])."<br>"; 


$uploadDir = "images/";
for ($i = 0; $i < count($_FILES['infile']['name']); $i++) {

 echo "File names : ".$_FILES['infile']['name'][$i]."<br>";
 $ext = substr(strrchr($_FILES['infile']['name'][$i], "."), 1); 

 // generate a random new file name to avoid name conflict
 $fPath = md5(Rand() * time()) . ".$ext";

 echo "File paths : ".$_FILES['infile']['tmp_name'][$i]."<br>";
 $result = move_uploaded_file($_FILES['infile']['tmp_name'][$i], $uploadDir . $fPath);

 if (strlen($ext) > 0){
  echo "Uploaded ". $fPath ." succefully. <br>";
 }
}
echo "Upload complete.<br>";
?>

</body>
</html>
7
Thaps

参照を選択したときに表示されるファイルセレクタダイアログから複数のファイルを選択する場合は、ほとんどの場合運がありません。 Javaアプレットなどを使用する必要があります(小さなフラッシュファイルを使用するものがあると思うので、見つかったら更新します)。現在、単一のファイル入力では、単一のファイルのみを選択できます。

複数のファイル入力を使用することについて話している場合、1つの入力を使用することと大差ないはずです。コードを投稿してください。


更新:フラッシュを使用する単一の「参照」ボタンを使用する方法が1つあります。これを個人的に使用したことはありませんが、かなりの量を読んでいます。あなたのベストショットだと思います。

http://swfupload.org/

5
MitMaro

最初に、次のようなフォームを作成する必要があります。

<form method="post" enctype="multipart/form-data" >
   <input type="file" name="file[]" multiple id="file"/>
   <input type="submit" name="ok"  />
</form> 

そうです。フォームコードの下または好きなページにこのコードを追加します

<?php
if(isset($_POST['ok']))
   foreach ($_FILES['file']['name'] as $filename) {
    echo $filename.'<br/>';
}
?>

簡単です...終了

4
pooya laryan
<form action="" method="POST" enctype="multipart/form-data">
  Select image to upload:
  <input type="file"   name="file[]" multiple/>
  <input type="submit" name="submit" value="Upload Image" />
</form>

FORループの使用

<?php    
  $file_dir  = "uploads";    
  if (isset($_POST["submit"])) {

    for ($x = 0; $x < count($_FILES['file']['name']); $x++) {               

      $file_name   = $_FILES['file']['name'][$x];
      $file_tmp    = $_FILES['file']['tmp_name'][$x];

      /* location file save */
      $file_target = $file_dir . DIRECTORY_SEPARATOR . $file_name; /* DIRECTORY_SEPARATOR = / or \ */

      if (move_uploaded_file($file_tmp, $file_target)) {                        
        echo "{$file_name} has been uploaded. <br />";                      
      } else {                      
        echo "Sorry, there was an error uploading {$file_name}.";                               
      }                 

    }               
  }    
?>

FOREACHループの使用

<?php
  $file_dir  = "uploads";    
  if (isset($_POST["submit"])) {

    foreach ($_FILES['file']['name'] as $key => $value) {                   

      $file_name   = $_FILES['file']['name'][$key];
      $file_tmp    = $_FILES['file']['tmp_name'][$key];

      /* location file save */
      $file_target = $file_dir . DIRECTORY_SEPARATOR . $file_name; /* DIRECTORY_SEPARATOR = / or \ */

      if (move_uploaded_file($file_tmp, $file_target)) {                        
        echo "{$file_name} has been uploaded. <br />";                      
      } else {                      
        echo "Sorry, there was an error uploading {$file_name}.";                               
      }                 

    }               
  }
?>
1
antelove

もう1つ無料のFlash Based Uploaderがあります ploadify

ホルガー- アミダラ検索エンジン

1

複数の入力フィールドを使用する場合、name = "file []"(またはその他の名前)を設定できます。アップロードすると、配列に配置されます($_FILES['file'] = array ({file_array},{file_array]..)

1
Torandi

複数の画像をアップロードするために使用されるphp関数を作成しました。この関数は、特定のフォルダーに複数の画像をアップロードできます。また、次のコードでデータベースにレコードを保存できます。アップロードで複数を使用することはできませんが、同じ名前の異なる入力フィールドを作成する必要があります。ボタンのクリック時にファイルの動的追加フィールドを設定できます。

$ dirは、イメージを保存するディレクトリです$ fieldsは、データベースに保存するフィールドの名前です

id、name、addressなどのデータベースイメージストアとフィールド名がある場合、データベースフィールドは配列形式の例である必要があり、次にデータを投稿する必要があります

$fields=array("id"=$_POST['idfieldname'], "name"=$_POST['namefield'],"address"=$_POST['addressfield']);

そして、そのフィールドを関数$ fieldsに渡します

$ tableは、データを保存するテーブルの名前です。

function multipleImageUpload($arrayimage,$dir,$fields,$table)
{
    //extracting extension of uploaded file
    $allowedExts = array("gif", "jpeg", "jpg", "png");
    $temp = explode(".", $arrayimage["name"]);
    $extension = end($temp);

    //validating image
    if ((($arrayimage["type"] == "image/gif")
    || ($arrayimage["type"] == "image/jpeg")
    || ($arrayimage["type"] == "image/jpg")
    || ($arrayimage["type"] == "image/pjpeg")
    || ($arrayimage["type"] == "image/x-png")
    || ($arrayimage["type"] == "image/png"))

    //check image size

    && ($arrayimage["size"] < 20000000)

    //check iamge extension in above created extension array
    && in_array($extension, $allowedExts)) 
    {
        if ($arrayimage["error"] > 0) 
        {
            echo "Error: " . $arrayimage["error"] . "<br>";
        } 
        else 
        {
            echo "Upload: " . $arrayimage["name"] . "<br>";
            echo "Type: " . $arrayimage["type"] . "<br>";
            echo "Size: " . ($arrayimage["size"] / 1024) . " kB<br>";
            echo "Stored in: ".$arrayimage['tmp_name']."<br>";

            //check if file is exist in folder of not
            if (file_exists($dir."/".$arrayimage["name"])) 
            {
                echo $arrayimage['name'] . " already exists. ";
            } 
            else 
            {
                //extracting database fields and value
                foreach($fields as $key=>$val)
                {
                    $f[]=$key;
                    $v[]=$val;
                    $fi=implode(",",$f);
                    $value=implode("','",$v);
                }
                //dynamic sql for inserting data into any table
                $sql="INSERT INTO " . $table ."(".$fi.") VALUES ('".$value."')";
                //echo $sql;
                $imginsquery=mysql_query($sql);
                move_uploaded_file($arrayimage["tmp_name"],$dir."/".$arrayimage['name']);
                echo "<br> Stored in: " .$dir ."/ Folder <br>";

            }
        }
    } 
    //if file not match with extension
    else 
    {
        echo "Invalid file";
    }
}
//function imageUpload ends here
}

// imageFunctionsクラスはここで終了します

この機能は、画像ファイルをチェックするために作成された拡張子を持つ複数の画像を挿入するためにこのコードを試すことができます。コード内の特定のファイルの拡張子リストを置き換えることができます

0
Prateik Darji