把照片、pdf等文件上传到数据库以blob存储
首先把文件转化为File对象上传到后台,
1、通过html提供的input标签
vue: <input type="file" id="file" @change="test">
var flist = document.getElementById('file')
var file = flist.files[0]
const formdata = new FormData()
formdata.append('file', file)
通过ajax传file就可以了。
(发现axios可以同时使用params:{}和data:{}传参,一个在请求路径后,一个在请求体中)
2、文件为base64编码,把base64编码转为File对象
base64toFile (dataurl, filename = 'file') {
let arr = dataurl.split(',')
let mime = arr[0].match(/:(.*?);/)[1]
let suffix = mime.split('/')[1]
let bstr = atob(arr[1])
let n = bstr.length
let u8arr = new Uint8Array(n)
while (n--) {
u8arr[n] = bstr.charCodeAt(n)
}
return new File([u8arr], `${filename}.${suffix}`, {
type: mime
})
},
代码参考:https://blog.csdn.net/gc_89757/article/details/90549405
然后在后台通过MultipartFile file
接受,
byte[] blob = file.getBytes();
Blob blob2 = new SerialBlob(blob);
...
//通过InputStream流把数据存进去,数据库字段类型为BLOB
//service
postOrgImage(blob2.getBinaryStream())
//mapper
postOrgImage(InputStream blob)
在获取的时候通过pojo的属性为byte[] data
来接收,需要封装成实体类,通过mybatis的类型转换器来处理,否则不行。
当存进去为文本类型时要把byte[] data
转化为字符串dataStr=new String(data)
结束。