SpringBoot+Vue 图片上传保存到类型为BLOB类型的Oracle数据库(数据库可以直接看图片)
前言:项目中遇到需要将图片保存到Oracle数据库,并且数据库里面可以直接看图像。虽然这种方式不如直接存储url方便,回显也比较慢。但是后面可能会把图像同步给第三方,或者转库。所以要求在数据库里面存储图像
前端正文:
<image-upload class="picture_upload" style="width: 200px; height: 270px" :limit='1' v-model="form.tx"/>
若依封装的组件默认宽高是148px的,是一个正方形,我们存储的是一个图像,是5:7的证件照,所以宽高可以设置为200px , 280px 。这里需要注意的是上传组件还有一个隐藏层,就是鼠标悬浮在上面的时候会出现的层(隐藏层是预览和删除按钮),也是需要设置宽高的,而且这两层的宽高的设置应该是从你的页面里面。如果直接去依赖里面改的话也可以,但是好像只能从你本地显示出来样式,其他同事用这个样式的组件的话(就是200*280样式的)不显示这个你设置的宽高,因为代码提交到版本控制器的时候(如SVN)依赖是没法上传的,所以想到了把样式加在了页面里面,修改了这两个样式之后中间的加号就会移动到左上角,现在只需要将加号外面的一层设置为盒子居中显示就可以了。
<style>
.el-upload--picture-card {
display: flex;
align-items: center;
justify-content: center;
width: 200px;
height: 270px;
}
.el-upload-list__item-actions {
width: 200px;
height: 270px;
}
.li.el-upload-list__item.is-success {