美文网首页
使用FineUploader指定自定义参数删除文件

使用FineUploader指定自定义参数删除文件

作者: 鹭岛的阳光_e224 | 来源:发表于2019-06-20 16:37 被阅读0次

本文主要讲述如何在删除文件时指定自定义参数,如果你对fineuploader组件知之甚少,请先参阅其它资料

前言

最近接手了一个公司项目,项目的前端使用了FineUploader组件进行上传文件,这个组件上传还是很方便的,但是在做删除操作的时候,遇到了很大的麻烦。公司使用阿里云的OSS进行对象存储,删除文件时需要制定文件的名称,该名称在文件上传到OSS之前已经做了自定义的处理,所以无法直接通过FineUploader组件删除(fineuploader组件上传和删除时,默认会传一个qquuid参数,如果你的文件名称使用该qquuid,那就没那么多麻烦了)

上传

前言已经说过,上传图片时会默认带一个qquuid参数,因为我做的项目的文件名称是自定义的,所以我这边不用这个参数。我们看看上传成功后的返回值。

  {
    "success":true,
    "fileName":"other/测试_b8bc7c553b644250a6154d2a4668a731.pdf",
    "url":"https://xxx-oss.oss-cn-shenzhen.aliyuncs.com/xxxxxxxxxxxxxxxxxxxxxxx"
}

这里的fileName是我返回的自定义文件名,接下来的删除操作就需要用它来完成。下面是重点,具体思路是:上传完成后将自定义的fileName设置到fineupload的uuid参数中,在删除的时候取这个参数

      callbacks:{
        //点击删除时触发
        onSubmitDelete: function(id) {
          //取出对应id的uuid属性,并自定义上传参数名称为fileName
          this.setDeleteFileParams({fileName: this.getUuid(id)}, id);
        },
        //上传完成后触发
        onComplete:  function(id,  fileName,  responseJSON)  {
          //将返回的自定义属性uuid设置到fineupload的uuid属性中
          //id指定当前是第几个文件
          this.setUuid(id, responseJSON.fileName) 
        }
      }

这里的callbacks是fineupload组件的回调函数,我们看一下删除时的请求参数:


删除文件时的请求参数

大功告成!

相关文章

  • 使用FineUploader指定自定义参数删除文件

    本文主要讲述如何在删除文件时指定自定义参数,如果你对fineuploader组件知之甚少,请先参阅其它资料 前言 ...

  • cut命令

    概述 cut的作用 文件内容查看 显示行中的指定部分,删除文件中指定字段 语法cut(选项)(参数) 选项 参数文...

  • 6、Linux-常用命令-文件目录操作(中)

    1、删除目录(rmdir) 作用 删除指定目录或者删除指定目录的下的子文件夹 语法 参数 栗子 注意 只能删除空目...

  • springboot配置文件

    在配置文件中使用自定义参数 在代码里面使用自定义参数 通过注解@Value来加载自定义参数 PlaceHolder...

  • 日志切割工具split

    1、文件切割1、指定切割文件的大小 2、指定切割文件的文字行数 参数介绍: 下面是切割脚本 下面是 定期删除脚本 ...

  • Linux 删除文件夹和文件的命令

    删除文件 Linux中删除文件的命令叫移除。bash shell中删除文件的命令是rm使用-i命令参数会在删除前提...

  • Linux中的cut命令

    cut命令:1)用来显示行中的指定部分,删除文件中指定字段 -- 即显示文件的内容,依次读取由参数file所指明的...

  • File遍历或删除所有文件

    遍历指定目录下的所有文件删除指定文件夹实现方式:这里我使用了listFiles(FileFilter filter...

  • Linux下批量删除空文件或者删除指定大小的文件

    Linux下批量删除空文件或者删除指定大小的文件Linux下批量删除空文件(大小等于0的文件)的方法 删除指定大小...

  • Pandas-01:CSV

    Pandas文件IO Tools 读CSV文件 csv文件读取常用参数 使用skiprows去掉指定行之后读文件 ...

网友评论

      本文标题:使用FineUploader指定自定义参数删除文件

      本文链接:https://www.haomeiwen.com/subject/snejqctx.html