限制大小:

              <el-upload
                ref="upload"
                :limit="1"
                :action="imgAction"
                :show-file-list="false"
                :http-request="modeUpload"
                accept=".pdf"
                :on-change="handleChange"
                :file-list="fileList"
              >
                <el-button size="mini" type="primary">选择文件</el-button>
              </el-upload>
    modeUpload(item) {
      if (this.$refs.upload) {
        this.$refs.upload.clearFiles() // 清除上传的文件
      }
      this.upDateFileDialogData.uploadFileName = '' // 清除输入框文字
      this.fileItem = '' // 清除文件列表数组
      const file = item.file
      const size = file.size / 1024 / 1024
      if (size > 50) {
        this.$notify.warning({
          title: '警告',
          message: '大小必须小于50M'
        })
        return
      }
      this.fileItem = item.file // 获取要上传的文件
      this.upDateFileDialogData.uploadFileName = item.file.name // 给输入框赋值
      console.info('modeUploadfile', item.file.name)
    },

限制类型:

比如限制只能上传.pdf和.txt文件,则写法:

 <el-upload
	ref="upload"
	accept=".pdf, .txt"
 </el-upload>
Logo

前往低代码交流专区

更多推荐