【发布时间】：2013-12-18 18:16:03
【问题描述】：
我有一个简单的页面，每个区域有 9 个块区域 - 用户可以为“菜单”选择一个图像，为该区域的“内容”选择另一个图像。
然后他们可以使用提交按钮“上传该区域的文件”上传这些图像。
页面顶部还有一个“保存”/提交。
该页面使用一个大表单（每个区域有很多多个较小的表单，这很有效，但我想将其设置为 1 个表单，因为我需要一次提交所有内容）。
我的 HTML 页面基本上是：
<!DOCTYPE html>
<html>
<head>
<title>Testing</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="css/zoombox.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div class="container">
<div class="well well-large">
<h1>Configuration page</h1>
</div>
<form action="index.php" method="post" enctype="multipart/form-data">
<div>
<div class="row">
<div class="span4">
<button class="btn btn-primary" type="submit">Save</button>
</div>
</div>
</div>
<div class="rowspace row">
<div class="column span3">
<h4>Content: 1</h4>
<input type="file" name="fileData[1][home]" id="fileData[1][home]" title="Select MENU image"><br>
<input type="file" name="fileData[1][content]" id="fileData[1][content]" title="Select CONTENT image"><br>
<input type="submit" class="btn btn-info" name="submit" value="Upload">
</div>
<div class="column offset1 span3">
<h4>Content: 2</h4>
<input type="file" name="fileData[2][home]" id="fileData[2][home]" title="Select MENU image"><br>
<input type="file" name="fileData[2][content]" id="fileData[2][content]" title="Select CONTENT image"><br>
<input type="submit" class="btn btn-info" name="submit" value="Upload">
</div>
<div class="column offset1 span3">
<h4>Content: 3</h4>
<input type="file" name="fileData[3][home]" id="fileData[3][home]" title="Select MENU image"><br>
<input type="file" name="fileData[3][content]" id="fileData[3][content]" title="Select CONTENT image"><br>
<input type="submit" class="btn btn-info" name="submit" value="Upload">
</div>
</div>
<div class="rowspace row">
<div class="column span3">
<h4>Content: 4</h4>
<input type="file" name="fileData[4][home]" id="fileData[4][home]" title="Select MENU image"><br>
<input type="file" name="fileData[4][content]" id="fileData[4][content]" title="Select CONTENT image"><br>
<input type="submit" class="btn btn-info" name="submit" value="Upload">
</div>
<div class="column offset1 span3">
<h4>Content: 5</h4>
<input type="file" name="fileData[5][home]" id="fileData[5][home]" title="Select MENU image"><br>
<input type="file" name="fileData[5][content]" id="fileData[5][content]" title="Select CONTENT image"><br>
<input type="submit" class="btn btn-info" name="submit" value="Upload">
</div>
<div class="column offset1 span3">
<h4>Content: 6</h4>
<input type="file" name="fileData[6][home]" id="fileData[6][home]" title="Select MENU image"><br>
<input type="file" name="fileData[6][content]" id="fileData[6][content]" title="Select CONTENT image"><br>
<input type="submit" class="btn btn-info" name="submit" value="Upload">
</div>
</div>
<div class="rowspace row">
<div class="column span3">
<h4>Content: 7</h4>
<input type="file" name="fileData[7][home]" id="fileData[7][home]" title="Select MENU image"><br>
<input type="file" name="fileData[7][content]" id="fileData[7][content]" title="Select CONTENT image"><br>
<input type="submit" class="btn btn-info" name="submit" value="Upload">
</div>
<div class="column offset1 span3">
<h4>Content: 8</h4>
<input type="file" name="fileData[8][home]" id="fileData[8][home]" title="Select MENU image"><br>
<input type="file" name="fileData[8][content]" id="fileData[8][content]" title="Select CONTENT image"><br>
<input type="submit" class="btn btn-info" name="submit" value="Upload">
</div>
<div class="column offset1 span3">
<h4>Content: 9</h4>
<input type="file" name="fileData[9][home]" id="fileData[9][home]" title="Select MENU image"><br>
<input type="file" name="fileData[9][content]" id="fileData[9][content]" title="Select CONTENT image"><br>
<input type="submit" class="btn btn-info" name="submit" value="Upload">
</div>
</div>
<div class="rowspace row">
<div class="column span3">
<h4>Map Content</h4>
<input type="file" name="fileData[10][content]" id="fileData[10][content]" title="Select CONTENT image"><br>
<input type="submit" class="btn btn-info" name="submit" value="Upload">
</div>
</div>
</form>
</div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js"></script>
<script src="js/bootstrap.file-input.js"></script>
<script type="text/javascript" src="js/zoombox.js"></script>
<script>
$(document).ready(function(){
$('input[type=file]').bootstrapFileInput();
$('.zoombox').zoombox();
});
</script>
</body>
</html>
我的 var_dump($_FILES) 输出是：
<?php
array(1) {
["fileData"]=> array(5) {
["name"]=> array(10) {
[1]=> array(2) {
["home"]=> string(0) "" ["content"]=> string(0) ""
}
[2]=> array(2) {
["home"]=> string(0) "" ["content"]=> string(0) ""
}
[3]=> array(2) {
["home"]=> string(0) "" ["content"]=> string(0) ""
}
[4]=> array(2) {
["home"]=> string(0) "" ["content"]=> string(0) ""
}
[5]=> array(2) {
["home"]=> string(0) "" ["content"]=> string(0) ""
}
[6]=> array(2) {
["home"]=> string(0) "" ["content"]=> string(0) ""
}
[7]=> array(2) {
["home"]=> string(0) "" ["content"]=> string(0) ""
}
[8]=> array(2) {
["home"]=> string(5) "8.png" ["content"]=> string(0) ""
}
[9]=> array(2) {
["home"]=> string(0) "" ["content"]=> string(0) ""
}
[10]=> array(1) {
["content"]=> string(0) ""
}
}
["type"]=> array(10) {
[1]=> array(2) {
["home"]=> string(0) "" ["content"]=> string(0) ""
}
[2]=> array(2) {
["home"]=> string(0) "" ["content"]=> string(0) ""
}
[3]=> array(2) {
["home"]=> string(0) "" ["content"]=> string(0) ""
}
[4]=> array(2) {
["home"]=> string(0) "" ["content"]=> string(0) ""
}
[5]=> array(2) {
["home"]=> string(0) "" ["content"]=> string(0) ""
}
[6]=> array(2) {
["home"]=> string(0) "" ["content"]=> string(0) ""
}
[7]=> array(2) {
["home"]=> string(0) "" ["content"]=> string(0) ""
}
[8]=> array(2) {
["home"]=> string(9) "image/png" ["content"]=> string(0) ""
}
[9]=> array(2) {
["home"]=> string(0) "" ["content"]=> string(0) ""
}
[10]=> array(1) {
["content"]=> string(0) ""
}
}
["tmp_name"]=> array(10) {
[1]=> array(2) {
["home"]=> string(0) "" ["content"]=> string(0) ""
}
[2]=> array(2) {
["home"]=> string(0) "" ["content"]=> string(0) ""
}
[3]=> array(2) {
["home"]=> string(0) "" ["content"]=> string(0) ""
}
[4]=> array(2) {
["home"]=> string(0) "" ["content"]=> string(0) ""
}
[5]=> array(2) {
["home"]=> string(0) "" ["content"]=> string(0) ""
}
[6]=> array(2) {
["home"]=> string(0) "" ["content"]=> string(0) ""
}
[7]=> array(2) {
["home"]=> string(0) "" ["content"]=> string(0) ""
}
[8]=> array(2) {
["home"]=> string(14) "/tmp/php2DdwXG" ["content"]=> string(0) ""
}
[9]=> array(2) {
["home"]=> string(0) "" ["content"]=> string(0) ""
}
[10]=> array(1) {
["content"]=> string(0) ""
}
}
["error"]=> array(10) {
[1]=> array(2) {
["home"]=> int(4) ["content"]=> int(4)
}
[2]=> array(2) {
["home"]=> int(4) ["content"]=> int(4)
}
[3]=> array(2) {
["home"]=> int(4) ["content"]=> int(4)
}
[4]=> array(2) {
["home"]=> int(4) ["content"]=> int(4)
}
[5]=> array(2) {
["home"]=> int(4) ["content"]=> int(4)
}
[6]=> array(2) {
["home"]=> int(4) ["content"]=> int(4)
}
[7]=> array(2) {
["home"]=> int(4) ["content"]=> int(4)
}
[8]=> array(2) {
["home"]=> int(0) ["content"]=> int(4)
}
[9]=> array(2) {
["home"]=> int(4) ["content"]=> int(4)
}
[10]=> array(1) {
["content"]=> int(4)
}
}
["size"]=> array(10) {
[1]=> array(2) {
["home"]=> int(0) ["content"]=> int(0)
}
[2]=> array(2) {
["home"]=> int(0) ["content"]=> int(0)
}
[3]=> array(2) {
["home"]=> int(0) ["content"]=> int(0)
}
[4]=> array(2) {
["home"]=> int(0) ["content"]=> int(0)
}
[5]=> array(2) {
["home"]=> int(0) ["content"]=> int(0)
}
[6]=> array(2) {
["home"]=> int(0) ["content"]=> int(0)
}
[7]=> array(2) {
["home"]=> int(0) ["content"]=> int(0)
}
[8]=> array(2) {
["home"]=> int(210379) ["content"]=> int(0)
}
[9]=> array(2) {
["home"]=> int(0) ["content"]=> int(0)
}
[10]=> array(1) {
["content"]=> int(0)
}
}
}
}
我猜这与我的 HTML 页面有关吗？在我尝试将其“重构”为一种形式而不是约 20 种形式之前，它运行良好......
【问题讨论】：
标签： php forms file-upload