文件上传到数据库保存

把照片、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)
结束。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值