h5图片上传并保存到数据库中

在使用H5技术实现图片上传并保存到数据库中，需要以下几个步骤：

1. H5页面布局：创建一个包含文件上传表单的HTML页面，可以使用input元素的type属性设置为"file"，添加一个提交按钮。

2. 后端处理：使用后端语言（如PHP、Java、Python等）搭建服务器，并处理上传的图片文件。在服务器端，接收到前端提交的图片文件后，可以通过文件的表单名称（input元素的name属性）获取到上传的图片文件。

3. 文件处理：对于上传的图片文件，可以通过调用文件系统的API或者使用第三方库对图片进行处理，比如压缩、裁剪、添加水印等操作。处理完成后，可以将图片保存到服务器的指定路径中，并获取到服务器上的图片路径。

4. 数据库操作：使用相应的数据库操作语言（如SQL）连接数据库，并将上传的图片信息保存到数据库中。可以创建一个表格，包含图片的路径、大小、上传时间等相关信息，并将这些信息插入到数据库中的相应字段中。

5. 前端提示：在数据保存成功后，可以通过在HTML页面中添加相应的提示信息，告知用户图片上传成功。

总之，通过以上步骤，可以实现H5图片上传并保存到数据库中的功能。当用户上传图片时，后端将图片保存到服务器的指定路径，并将相关信息插入到数据库中，实现图片的上传和保存。