多文件上传器,只发送一个文件

时间:2013-01-09 03:05:24

标签: php html5

我已经尝试了将近两天了,它不起作用,我有一个简单的输入文件(在php中)

echo '<input id="files" type="file" name="ufile[]" multiple="multiple"/>';

它假设同时向另一个页面发送多个文件,我接收文件的代码如下:

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

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

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

      //Handle other code here

    }
  }
}

但是它只能接收一个文件,我也试过使用copy,它给出了相同的结果,我试过用count方法,print_r和var_dump来计算文件数:

$a=count($_FILES['ufile']['name']);
print_r($a);
var_dump($a);

并且它们都只显示文件。关于浏览器兼容性,我已经尝试过几个浏览器,包括最新版本的Firefox,chrome和...

先谢谢 我编辑这篇文章,包括输出(var_dump)并添加html表单 以下是javascript代码,其中预览了我用输入文件选择的图像。              window.onload = function(){

    if(window.File && window.FileList && window.FileReader)
    {
        var filesInput = document.getElementById("files");

        filesInput.addEventListener("change", function(event){

            var files = event.target.files; //FileList object
            var output = document.getElementById("result");

            for(var i = 0; i< files.length; i++)
            {
                var file = files[i];

                if(!file.type.match('image'))
                  continue;

                var picReader = new FileReader();

                picReader.addEventListener("load",function(event){

                    var picFile = event.target;

                    var div = document.createElement("div");

                    div.innerHTML = "<img class='thumbnail' src='" + picFile.result + "'" +
                            "title='" + picFile.name + "'/>";

                    output.insertBefore(div,null);            

                });

                picReader.readAsDataURL(file);
            }                               

        });
    }
    else
    {
        console.log("not supported");
    }
}

    </script>

,这是我的html表单:

echo '<form action="Data.php" method="post" enctype="multipart/form-data" name="form1" id="form1">';


echo'
<label for="files">Add image: </label>';

echo    '<input id="files" type="file" name="ufile[]" multiple/>';
    echo '
    <output id="result" />';

echo '<input type="submit" name="submit" value="Submit"id="newbutton" style="width:100px;height:30px" />';


</form> 

最后是vardump的结果

Array ( [ufile] => Array ( [name] => Array ( [0] => Awesoem-Arrow-Facebook-Timeline-Cover_02-@-GenCept.jpg ) [type] => Array ( [0] => image/jpeg ) [tmp_name] => Array ( [0] => C:\xampp\tmp\php6BDF.tmp ) [error] => Array ( [0] => 0 ) [size] => Array ( [0] => 120664 ) ) ) 

2 个答案:

答案 0 :(得分:1)

在这里,简要介绍一下,我过去在PHP中处理同样的任务是怎样的:

if (isset($_FILES['name'])){
    $maxFiles = 4; 
    $counter = 0;
         while (is_uploaded_file($_FILES['name']['tmp_name'][$counter])){
              /*
                      do your magic with each file here
                  */
                  //remove the temp file after you're done with it
                  unlink ($_FILES['name']['tmp_name'][$counter]);
                  $counter++;
            }
}

因此,不是计算事先上传的文件总数,而是继续浏览文件数组,直到没有更多文件为止。如果这对您不起作用,请告诉我。

答案 1 :(得分:0)

作为“文件”类型的一个输入字段只能包含一个文件。你只使用一个输入字段吗?