simple uploader 对上传文件校验

LLL_LH

于 2020-05-22 11:44:45 发布

阅读量1.5k

点赞数 1

分类专栏： Vue

本文链接：https://blog.youkuaiyun.com/LLL_liuhui/article/details/106276731

版权

Vue 专栏收录该内容

57 篇文章

订阅专栏

本文介绍使用simpleuploader组件进行文件上传时如何校验文件类型，确保仅上传MP4格式的视频文件。通过监听onFileAdded事件，获取上传文件的后缀名并检查是否为指定格式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

simpleuploader的具体使用方法看官方文档，这里记录一下对上传的文件的校验

<uploader :options="options"
              :file-status-text="statusText"
              class="uploader-example"
              ref="uploader"
              @file-added="onFileAdded"
              @complete="complete"
              @file-progress="onFileProgress"
              @file-complete="fileComplete">
      <uploader-unsupport></uploader-unsupport>
      <uploader-drop>
        <uploader-btn id="global-uploader-btn"
                      ref="uploadBtn"
                      :single="true"
                      :attrs="attrs">选择文件</uploader-btn>
      </uploader-drop>
      <uploader-list></uploader-list>
    </uploader>

...
methods:{
    onFileAdded (file) {
        // 获取上传文件的后缀名
      let extname = file.getExtension();
      if (extname !== 'mp4') {
        this.$message('请选择MP4文件')
        file.cancel()
        return false;
      }
    },
}
...