图片以Base64编码，并以byte类型保存到数据库

最新推荐文章于 2025-06-11 15:08:45 发布

曹J学霸

最新推荐文章于 2025-06-11 15:08:45 发布

阅读量8.4k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/caoIjun/article/details/80517307

本文介绍了如何将图片以Base64编码的方式上传到服务器并保存到数据库中。首先，HTML读取本地文件并将图片转换为Base64字符串；接着，服务器解析字符串，去除Base64前缀；最后，使用SQL函数将Base64编码转为Byte类型存储。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Base64是一种编码方式，想具体了解该编码可另行了解。在web开放中，可将图片以Base64编码方式上传到服务器，并通过服务器保存到数据库中。

html读取本地文件：

var selectedFile = document.getElementById("file").files[0]; //获取读取的File对象
var reader = new FileReader(); //这里是核心！！！读取操作就是由它完成的。
reader.readAsDataURL(selectedFile); //读取文件的内容
//当读取完成之后会回调这个函数，然后此时文件的内容存储到了result中。直接操作即可。
reader.onload = function () {}

此时，图片便已 'data:image/？;base64,' + Base64形式的字符串保存在reader.onload这个函数的this.result中。然后再将该字符串上传到服务器。

2. 服务器进行字符串解析：上传到服务器的是 'data:image/？;base64,' + Base64形式的字符串，图片的真实编码是Base64这一部分，其余部分是Html自行在图片的Base64加的前缀。故需截取出Base64。

int comma = base64.indexOf(",");
base64 = base64.substring(comma + 1);

3. SQL函数将Base64编码转换成Byte类型：

decode(?,'base64')--将base64字符串编码成byte类型
encode(?,'base64')--将byte编码成base64字符串