1

我知道我们可以添加多个属性，但这仅允许我在浏览器的同一目录中一次选择多个文件。

我想知道是否可以仅使用 html 从不同目录中为相同的输入文件类型元素选择多个文件。提前致谢。

4

2 回答 2

2

只使用 HTML 是不可能的，而且绝对不能只使用一种输入 type="file"。

这是 HTML 表单的外观，但请注意，仅此是不够的。

<form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>" enctype='multipart/form-data'>
Select files: <br/>
<input type='file' name='files0[]' id="files0" multiple><br/><br/><br/>
<span style="font-size: 10pt;">Click "+" for more files
<i id="more_files" class="general foundicon-plus" style="color: blue;cursor: pointer;"></i></span>
<br/><br/><br/>
<input type="submit" name="submit" value="Submit">

使用 jQuery/Javascript，您可以将 onclick 事件添加到“+”，从而为表单生成新的输入 type="file"：

<script type="text/javascript">
$(document).ready(function() {
    $(document).on('click','#more_files', function() {
        var numOfInputs = 1;
        while($('#files'+numOfInputs).length) { numOfInputs++; }//once this loop breaks, numOfInputs is greater than the # of browse buttons

        $("<input type='file' multiple/>")
            .attr("id", "files"+numOfInputs)
            .attr("name", "files"+numOfInputs+"[]")
            .insertAfter("#files"+(numOfInputs-1));

        $("<br/>").insertBefore("#files"+numOfInputs);
    });
});
</script>

最后，使用 PHP，您可以使用熟悉的格式包装数据：

<?php
if(isset($_POST['submit']) && !empty($_FILES)) {
    $files = array();
    $files = $_FILES['files0'];
    //var_dump($files);//this array will match the structure of $_FILES['browser']
    //Iterate through each browser button
    $browserIterator = 1;
    while(isset($_FILES['files'.$browserIterator])) {
        //Files have same attribute structure, so grab each attribute and append data for each attribute from each file
        foreach($_FILES['files'.$browserIterator] as $attr => $values) {//get each attribute
            foreach($_FILES['files'.$browserIterator][$attr] as $fileValue)     {//get each value from attribute
                $files[$attr][] = $fileValue;//append value
            }
        }
        $browserIterator++;
    }
    //Use $files like you would use $_FILES['browser'] -- It is as though all files came from one browser button!
    $fileIterator = 0;
    while($fileIterator < count($files['name'])) {
        echo $files['name'][$fileIterator]."<br/>";
        $fileIterator++;
    }
}
?>
于 2016-07-12T09:34:36.240 回答
0

为您的表单使用多个<input type="file" />元素是您能做的最好的事情。无法在单个上传对话框中从不同目录中选择多个文件。

于 2013-07-16T17:27:23.387 回答