要素のアップロード制限の指定形式

 <!-- 书目上传 -->
          <el-popover placement="bottom-start" width="450" trigger="click">
            <div style="height:300px;">
              <el-upload
                class="u_excel"
                :action="uploadbzip"
                :headers="Myhead"
                :on-preview="handlePreview"
                :on-remove="handleRemove"
                :before-remove="beforeRemove"
                :multiple="false"
                :limit="1"
                :on-exceed="handleExceed"
                :file-list="fileList"
                accept=".zip, aplication/zip"
              >
                <el-button type="primary">书目上传</el-button>
                <div slot="tip" class="el-upload__tip">只能上传zip格式文件,且不超过500kb</div>
              </el-upload>
            </div>
            <el-button type="primary" slot="reference">书目上传</el-button>
          </el-popover>
          <!-- 书目上传 -->
beforeUpload(file) {
    
    
     console.log(file)
     var testmsg=file.name.substring(file.name.lastIndexOf('.')+1)
     const extension = testmsg === 'xls'
     const extension2 = testmsg === 'xlsx'
     // const isLt2M = file.size / 1024 / 1024 < 10
    if(!extension && !extension2) {
    
    
        this.$message({
    
    
            message: '上传文件只能是 xls、xlsx格式!',
            type: 'warning'
        });
    }
    // if(!isLt2M) {
    
    
    //     this.$message({
    
    
    //         message: '上传文件大小不能超过 10MB!',
    //         type: 'warning'
    //     });
    // }
    // return extension || extension2 && isLt2M
    return extension || extension2
} 

ここに画像の説明を挿入
特定のファイルオブジェクトをアップロードする必要がある場合は、アップロードする前に必要な形式かどうかを判断できます。そうでない場合は、アップロードをキャンセルしてください。

おすすめ

転載: blog.csdn.net/milijiangjun/article/details/108265045