手把手教你用php实现图片上传功能-tutorial php-php.cn

手把手教你用php实现图片上传功能

烟雨青岚

Lepaskan： 2023-04-09 08:34:01

ke hadapan

5938 orang telah melayarinya

手把手教你用php实现图片上传功能

一为了测试图片上传功能, 把图片路径保存到数据库, 我们得先新建个测试表 test_img.

CREATE TABLE test_img (
	id int(4) UNSIGNED NOT NULL AUTO_INCREMENT,
	path varchar(100) default NULL,
	upload_time  timestamp default CURRENT_TIMESTAMP,
	PRIMARY KEY(id)
)engine=myisam DEFAULT charset=utf8

Salin selepas log masuk

sql 命令: 插入表中时生成一个唯一的数字, 比如测试数据多了, id 是不停地自增, 如果要把 id 回归到 1, 可以尝试以下命令.

alter table test_img auto_increment = 1

Salin selepas log masuk

二新建 img.html 文件用于选择上传图片

<!DOCTYPE html><html lang="utf-8"><head>
    <meta charset="UTF-8">
    <title>图片上传</title></head><body><form action="img.php" method="post" enctype="multipart/form-data">
    选择上传的图片: <input type="file" name="file" accept="image/*">
    <br><br>
    <input type="submit" value="上传"></form>

Salin selepas log masuk

<form> 标签中的 enctype 控制着是否编码发送表单数据, 默认是 application/x-www-form-urlencoded, 即在发送前编码所有字符.

值	描述
application/x-www-form-urlencoded	在发送前编码所有字符 ( 默认)
multipart/form-data	不对字符编码。在使用包含文件上传控件的表单时，必须使用该值
text/plain	空格转换为 “+” 加号，但不对特殊字符编码

<input>标签中的 accept限制上传格式.

三新建 img.php 用于接受处理图片

$_FILES 获取图片文件, 将具体文件名字添加到数据表test_img中, move_uploaded_file 将图片文件存储到目标文件夹下, iconv 作字符编码处理, 防止有中文命名的图片上传后出现乱码的情况.

<?php
header("Content-Type: text/html;charset=utf-8");

$conn = new mysqli(&#39;localhost&#39;, &#39;root&#39;, &#39;&#39;, &#39;test&#39;);
if (!$conn) {
    die("Connection failed: " . mysqli_connect_error());
}

$destination = &#39;../upload/image/&#39;;
$file        = $_FILES[&#39;file&#39;]; // 获取上传的图片
$filename    = $file[&#39;name&#39;];

$insert = "INSERT INTO test_img (path) VALUES (&#39;$filename&#39;)";
$test   = move_uploaded_file($file[&#39;tmp_name&#39;], $destination . iconv("UTF-8", "gb2312", $filename));

if ($insert && $test) {
    $conn->query($insert);
} else {
    echo &#39;上传失败&#39; . &#39;<br>&#39;;
}

$select = &#39;SELECT path FROM test_img&#39;;
$result = $conn->query($select);
while ($row = $result->fetch_assoc()) {
    echo "<img src=" . $destination . $row[&#39;path&#39;] . ">";
}

Salin selepas log masuk