elementui图片上传后删除图片

40 篇文章 1 订阅
4 篇文章 0 订阅

修改时删除OSS服务器老图片:

 @Override
   @Override
    public void updateDrug(Drug drug) {
        //判断新图片和老图片都不为null
        if(StringUtils.isNotBlank(drug.getImg()) && StringUtils.isNotBlank(drug.getPhoto()) && !drug.getImg().equals(drug.getPhoto())){
           //删除老图片
            OSSUtil.deleteFile(drug.getImg());
       }
        drugMapper.updateById(drug);
    }

删除时删除OSS服务器图片:

@Override
    public void updateDrug(Drug drug) {
        //判断新图片和老图片都不为null
        //img为自定义变量,详情请点击
        if(StringUtils.isNotBlank(drug.getImg()) && StringUtils.isNotBlank(drug.getPhoto())){
           //删除老图片
            OSSUtil.deleteFile(drug.getImg());
       }
        drugMapper.updateById(drug);
    }

注:img为自定义变量,详情请点击
实体类:

 @TableField(exist = false)
    private String img;

前端

data(){
return {
      img;
 }
}

批量删除时删除OSS服务器图片 :例1

    @Override
    public void deleteBachDrug(Integer[] ids) {
        //批量时删除图片
        List<Drug> drugs = drugMapper.selectBatchIds(Arrays.asList(ids));

        for (int i = 0; i < drugs.size(); i++) {
            //判断drugs.get(i).getPhoto()不为空
            if(StringUtils.isNotBlank(drugs.get(i).getPhoto())){
                OSSUtil.deleteFile(drugs.get(i).getPhoto());

            }
        }
        drugMapper.deleteBatchIds(Arrays.asList(ids));
    }

批量删除时删除OSS服务器图片 :例2
APP.Vue页面



    //批量删除
      openAelete(row){
        var _this = this;

        var ids = [];
        var photos=[];
        row.forEach(element =>{
          ids.push(element.id);
          photos.push(element.photo);
        })


        this.$confirm('确定删除这'+row.length+'条数据吗?','提示').then(() =>{
          this.$axios.post("http://localhost:8080/drug/deleteBachDrug?ids="+ids+"&photos="+photos.toString()).then(dara =>{
            _this.$message.success("删除成功")
            
            _this.queryDrug();
          })
        }).catch(()=>{
          _this.$message.success("删除失败")

        })

      }

Controller层代码:

     //批量删除
    @RequestMapping("deleteBachDrug")
    public void deleteBachDrug(Integer[] ids,String[] photos) {
        drugService.deleteBachDrug(ids,photos);
    }

ServiceImpl类代码:

 @Override
    public void deleteBachDrug(Integer[] ids,String[] photos) {
   //批量时删除图片
      if(photos!=null){
          for (String url : photos) {
              if(StringUtils.isNotBlank(url)){
                  OSSUtil.deleteFile(url);
              }
          }
      }
        drugMapper.deleteBatchIds(Arrays.asList(ids));
    }

工具类代码:

public class OSSUtil {

    // 阿里云oss上传文件相关属性值

    // 阿里云API的外网域名
    public static final String ENDPOINT = "oss-cn-beijing.aliyuncs.com";

    // 阿里云API的密钥
    public static final String ACCESS_KEY_ID = "LTAI4Fzm3c6EmUexCHLvZNcm";

    // 阿里云API的密钥Access Key Secret
    public static final String ACCESS_KEY_SECRET = "b8OrjTpYWW3sZSlimy4sxr2WJuNX09";

    // 阿里云API的bucket名称
    public static final String BACKET_NAME = "jjjqqq";

    // 阿里云API的文件夹名称

    public static final String FOLDER = "photo/";

    public static final String URl = "https://jjjqqq.oss-cn-beijing.aliyuncs.com/";


    public static void deleteFile(String fileName){
        OSSClient ossClient = new OSSClient(ENDPOINT,ACCESS_KEY_ID,ACCESS_KEY_SECRET);
        //给fileName重新赋值
        String replace = fileName.replace(URl, "");
        //删除
        ossClient.deleteObject(BACKET_NAME,replace);
        ossClient.shutdown();
    }



}

需要的jar

<!-- Oss需要的jar包-->
        <dependency>
            <groupId>com.aliyun.oss</groupId>
            <artifactId>aliyun-sdk-oss</artifactId>
            <version>3.8.0</version>
        </dependency>

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

jq1223

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值