当前位置：首页 > 行业动态 > 正文

html如何上传服务器

admin
行业动态
2024-04-05
2655

HTML 本身并不能直接上传文件到服务器，它只是一种用于创建网页的标记语言，我们可以通过 HTML 表单和 JavaScript 来实现用户选择文件并提交到服务器的功能，以下是一个简单的示例：

1、我们需要创建一个 HTML 表单，包含一个文件输入框和一个提交按钮，用户可以在这个输入框中选择要上传的文件，然后点击提交按钮将文件发送到服务器。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF8">
    <meta name="viewport" content="width=devicewidth, initialscale=1.0">
    <title>文件上传</title>
</head>
<body>
    <form action="upload.php" method="post" enctype="multipart/formdata">
        <input type="file" name="fileToUpload" id="fileToUpload">
        <input type="submit" value="上传文件" name="submit">
    </form>
</body>
</html>

2、在上面的代码中，action 属性指定了表单提交的目标 URL（在这个例子中是 "upload.php"），method 属性指定了表单数据的传输方式（在这个例子中是 "post"）。enctype 属性指定了在发送表单数据时要使用的编码类型（在这个例子中是 "multipart/formdata"，这是因为我们要上传文件）。

3、input 标签中的 type 属性设置为 "file"，表示这是一个文件输入框。name 属性指定了在服务器端处理表单数据时使用的名称（在这个例子中是 "fileToUpload"）。id 属性为这个输入框设置了一个唯一的标识符（在这个例子中是 "fileToUpload"）。

4、另一个 input 标签中的 type 属性设置为 "submit"，表示这是一个提交按钮。value 属性指定了按钮上显示的文本（在这个例子中是 "上传文件"）。name 属性指定了在服务器端处理表单数据时使用的名称（在这个例子中是 "submit"）。

5、现在，我们需要创建一个 PHP 脚本来处理用户上传的文件，在这个例子中，我们将创建一个名为 "upload.php" 的脚本，以下是一个简单的 PHP 脚本示例：

<?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"] > 500000) {
    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 ". htmlspecialchars( basename( $_FILES["fileToUpload"]["name"])). " has been uploaded.";
    } else {
        echo "Sorry, there was an error uploading your file.";
    }
}
?>

6、在上面的 PHP 脚本中，我们首先定义了一个目标文件夹（在这个例子中是 "uploads/"）和目标文件名（通过获取用户上传的文件名并将其添加到目标文件夹路径中），我们检查文件是否为实际图像、是否已存在、大小是否超过限制以及文件格式是否允许，如果所有条件都满足，我们将尝试将文件移动到目标文件夹，如果成功，我们将显示一条消息表示文件已成功上传；否则，我们将显示一条错误消息。