Question

我正在尝试通过多种形式将多个图像上传到服务器，但是使用一个提交按钮。我不是html方面的专家。我该怎么做呢？下面是我的html和php文件。我遇到了本教程，该教程对以下代码有帮助。但只能处理1张图片。我知道我可以使用多个输入形式，但是出于我的目标，我需要有多个但分开的输入。我打算扩展我的工作，并包括6个文本框以将数据提交到数据库。

<?php
$target_dir = "uploads/";
$target_file = $target_dir . basename($_FILES["fileToUpload"]["name"]);
$uploadOk = 1;
$imageFileType = strtolower(pathinfo($target_file,PATHINFO_EXTENSION));
// Check if image file is a actual image or fake image
if(isset($_POST["submit"])) {
$check = getimagesize($_FILES["fileToUpload"]["tmp_name"]);
if($check !== false) {
    echo "File is an image - " . $check["mime"] . ".";
    $uploadOk = 1;
} else {
    echo "File is not an image.";
    $uploadOk = 0;
}
}
// Check if file already exists
if (file_exists($target_file)) {
echo "Sorry, file already exists.";
$uploadOk = 0;
}
// Check file size
if ($_FILES["fileToUpload"]["size"] > 50000000) {
echo "Sorry, your file is too large.";
$uploadOk = 0;
}
// Allow certain file formats
if($imageFileType != "jpg" && $imageFileType != "png" && $imageFileType != 
"jpeg"
&& $imageFileType != "gif" ) {
echo "Sorry, only JPG, JPEG, PNG & GIF files are allowed.";
$uploadOk = 0;
}
// Check if $uploadOk is set to 0 by an error
if ($uploadOk == 0) {
echo "Sorry, your file was not uploaded.";
// if everything is ok, try to upload file
} else {
if (move_uploaded_file($_FILES["fileToUpload"]["tmp_name"], $target_file)) {
    echo "The file ". basename( $_FILES["fileToUpload"]["name"]). " has been 
uploaded.";
} else {
    echo "Sorry, there was an error uploading your file.";
}
}
?>

HTML文件：

<!DOCTYPE html>
<html>
<body>

<form action="upload.php" method="post" enctype="multipart/form-data">
Select image to upload  to position 0:
<input type="file" name="fileToUpload" id="fileToUpload">
<BR><BR>
Select image to upload  to position 1:
<input type="file" name="fileToUpload" id="fileToUpload">
<BR><BR>
Select image to upload to position 2:
<input type="file" name="fileToUpload" id="fileToUpload">
<BR><BR>
Select image to upload to position 3:
<input type="file" name="fileToUpload" id="fileToUpload">
<BR><BR>
Select image to upload  to position 4:
<input type="file" name="fileToUpload" id="fileToUpload">
<BR><BR>
Select image to upload  to position 5:
<input type="file" name="fileToUpload" id="fileToUpload">
<BR><BR>
<input type="submit" value="Upload Image" name="submit">
</form>
</body>
</html>

一个提交按钮上传多张图像

0 个答案: