el-upload的demo 单文件选择

最新推荐文章于 2023-11-25 16:43:51 发布

livezsw

最新推荐文章于 2023-11-25 16:43:51 发布

阅读量370

点赞数

分类专栏： elementUI 文章标签： elementui

本文链接：https://blog.csdn.net/qq_41111677/article/details/125788318

版权

elementUI 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

                    <el-upload
                      class="upload-demo"
                      action=""
                      ref="upLoadJs"
                      accept="text/javascript"
                      :on-change="handleChange"
                      :auto-upload="false"
                    >
                      <el-button size="small" type="primary"
                        >选择文件</el-button
                      >
                      <div slot="tip" class="el-upload__tip">
                        请上传JS文件，且不超过3M
                      </div>
                    </el-upload>

    handleChange(file, fileList) {
      console.log(fileList)
      if (file.size / 1024 / 1024 > 3) {
        this.$message({
          message: '文件大小不能超过3M,请重新选择文件！',
          type: 'warning'
        })
        if (fileList.length > 1) {
          this.$refs.upLoadJs.uploadFiles.splice(1, 1)
        } else {
          this.$refs.upLoadJs.uploadFiles.splice(0)
        }
        return false
      } else {
        if (fileList.length > 1) {
          this.$refs.upLoadJs.uploadFiles.splice(0, 1)
        }
      }
      console.log(this.$refs.upLoadJs.uploadFiles[0])

    },