SpringBoot+Vue 图片上传保存到类型为BLOB类型的Oracle数据库(数据库可以直接看图片)

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 {
     
   
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值