html5 提交图片路径至数据库

HTML5可以通过使用表单元素中的文件输入字段，允许用户选择本地计算机上的图片文件进行上传。然后可以使用后端语言（如PHP）将上传的图片路径保存到数据库。

首先，在HTML5中创建一个表单元素，其中包含一个类型为"file"的输入字段。例如：

<form action="upload.php" method="post" enctype="multipart/form-data">
   <input type="file" name="image">
   <input type="submit" value="上传">
</form>

然后，创建一个用于处理表单提交的后端脚本（upload.php）。在该脚本中，可以通过$_FILES超全局变量获取上传的文件信息。例如：

$imageName = $_FILES['image']['name']; // 获取上传的图片文件名
$imageTmpName = $_FILES['image']['tmp_name']; // 获取上传的临时文件路径

// 将上传的图片文件移动到指定目录
$targetDirectory = "uploads/"; // 上传文件保存的目录
$targetFilePath = $targetDirectory . $imageName; // 上传文件的完整路径
move_uploaded_file($imageTmpName, $targetFilePath);

// 将上传的图片路径保存到数据库
// 连接数据库
$servername = "localhost";
$username = "数据库用户名";
$password = "数据库密码";
$dbname = "数据库名";
$conn = new mysqli($servername, $username, $password, $dbname);

// 将图片路径插入数据库
$sql = "INSERT INTO images (image_path) VALUES ('$targetFilePath')";
$conn->query($sql);

// 关闭数据库连接
$conn->close();

以上代码将会将上传的图片文件保存到服务器上的指定目录中（例如"uploads/"），同时将图片路径（文件存储的完整路径）保存到数据库表中的指定字段（例如"images"表的"image_path"字段）。