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

最新推荐文章于 2024-08-13 10:21:34 发布

曹J学霸

最新推荐文章于 2024-08-13 10:21:34 发布

阅读量8.3k

点赞数

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

版权

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

摘要由CSDN通过智能技术生成

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. 服务器进行字符串解析：上传到服务器的是