一 为了测试图片上传功能, 把图片路径保存到数据库, 咱们得先新建个测试表 test_img
.php
name | 类型 | 长度 | 可否null |
---|---|---|---|
id | varchar | 100 | no |
path | varchar | 100 | yes |
upload_time | timestamp | 0 | no |
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
sql 命令: 插入表中时生成一个惟一的数字, 好比测试数据多了, id 是不停地自增, 若是要把 id 回归到 1, 能够尝试如下命令.html
alter table test_img auto_increment = 1
二 新建 img.html
文件用于选择上传图片mysql
<!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>
<form>
标签中的 enctype
控制着是否编码发送表单数据, 默认是 application/x-www-form-urlencoded
, 即在发送前编码全部字符.sql
值 | 描述 |
---|---|
application/x-www-form-urlencoded | 在发送前编码全部字符 ( 默认) |
multipart/form-data | 不对字符编码。在使用包含文件上传控件的表单时,必须使用该值 |
text/plain | 空格转换为 "+" 加号,但不对特殊字符编码 |
<input>
标签中的 accept
限制上传格式.数据库
三 新建 img.php
用于接受处理图片app
$_FILES
获取图片文件, 将具体文件名字添加到数据表test_img
中, move_uploaded_file
将图片文件存储到目标文件夹下, iconv
做字符编码处理, 防止有中文命名的图片上传后出现乱码的状况.post
<?php header("Content-Type: text/html;charset=utf-8"); $conn = new mysqli('localhost', 'root', '', 'test'); if (!$conn) { die("Connection failed: " . mysqli_connect_error()); } $destination = '../upload/image/'; $file = $_FILES['file']; // 获取上传的图片 $filename = $file['name']; $insert = "INSERT INTO test_img (path) VALUES ('$filename')"; $test = move_uploaded_file($file['tmp_name'], $destination . iconv("UTF-8", "gb2312", $filename)); if ($insert && $test) { $conn->query($insert); } else { echo '上传失败' . '<br>'; } $select = 'SELECT path FROM test_img'; $result = $conn->query($select); while ($row = $result->fetch_assoc()) { echo "<img src=" . $destination . $row['path'] . ">"; }
print_r( $_FILES['file']); // 输出接受到的上传图片获得以下信息学习
上传图片成功后, 经过数据表图片信息匹配 upload/image
下的图片循环显示出来, 效果以下.测试
四 写到最后fetch
以上只是分享个 php 粗糙版上传图片的功能实现, 有些细节你大可本身尝试修改完善, 要想学好必须经过亲自动手领悟, 云学习只能撸个皮毛而已, 若是个人分享能让你有点启发的话,不如点个赞激励一下我, 固然不给也行, 我也会自我驱动学习的啦~