如何在表单中添加简单的图片上传？

发布于 2024-10-07 02:29:31 字数 76 浏览 3 评论 0原文

我有一个 html 表单。我想添加一个简单的图像上传功能，它将图像发送到名为“next.php”的 php 页面。关于如何做有什么建议吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

面犯桃花 2024-10-14 02:29:31

创建如下 HTML 表单：

<html>
<body>
<form action="next.php" method="post" enctype="multipart/form-data">
<label for="image">Image:</label>
<input type="image" name="image" id="image" /><br />
<input type="submit" name="submit" value="Submit" />
</form>
</body>
</html>

您的“next.php”文件可以处理与此类似的图像：

<?php

if ($_FILES["file"]["error"] > 0)
    echo "Error: " . $_FILES["image"]["error"] . "<br />";
else
{
    echo "Upload: " . $_FILES["image"]["name"] . "<br />";
    echo "Type: " . $_FILES["image"]["type"] . "<br />";
    echo "Size: " . ($_FILES["image"]["size"] / 1024) . " Kb<br />";
    echo "Stored in: " . $_FILES["image"]["tmp_name"];
}

此时，您可以通过检查类型并确保它只是 jpg、gif、png 或种类。我建议将图像复制为 2 或 3 种尺寸（拇指、中型、原始），然后从临时目录中将其删除。您可以使用 ImageMagick 调整图像大小，然后使用文件系统功能用于移动和删除临时上传。

Create an HTML form like the following:

<html>
<body>
<form action="next.php" method="post" enctype="multipart/form-data">
<label for="image">Image:</label>
<input type="image" name="image" id="image" /><br />
<input type="submit" name="submit" value="Submit" />
</form>
</body>
</html>

Your "next.php" file could handle the image similar to this:

<?php

if ($_FILES["file"]["error"] > 0)
    echo "Error: " . $_FILES["image"]["error"] . "<br />";
else
{
    echo "Upload: " . $_FILES["image"]["name"] . "<br />";
    echo "Type: " . $_FILES["image"]["type"] . "<br />";
    echo "Size: " . ($_FILES["image"]["size"] / 1024) . " Kb<br />";
    echo "Stored in: " . $_FILES["image"]["tmp_name"];
}

At this point, you can make it more secure by checking the type and ensuring it's only jpg, gif, png, or of the sort. I would recommend copying the image into 2 or 3 sizes (thumb, medium, original), and deleting it from the temporary directory. You could use ImageMagick to resize the images and then use the filesystem functions to move around and delete temporary uploads.

回复收藏 0 原文

后来的我们 2024-10-14 02:29:31

我不知道有什么方法可以在客户端与文件 input 进行交互，因此您需要在服务器端验证/验证上传的文件（在“next.php”中）脚本），但这应该足够了：

<form action="path/to/next.php" method="post" enctype="multipart/form-data">
    <fieldset>
        <input type="file" name="picture" id="picture" />
    </fieldset>
</form>

I'm not aware of any means to interact with a file input on the client-side, so you'll need to verify/validate the uploaded file server-side (within the 'next.php' script), but this should be enough:

<form action="path/to/next.php" method="post" enctype="multipart/form-data">
    <fieldset>
        <input type="file" name="picture" id="picture" />
    </fieldset>
</form>

回复收藏 0 原文

~没有更多了~