file upload size control element

1. page code

 <el-upload :show-file-list="false" class="upload-demo" :before-upload="beforeUpload"
                        :on-progress="onProgress" :on-success="onSuccess" :on-error="onError" action="/api/upload">
                        <el-button size="small" type="primary">点击上传</el-button>
                  </el-upload>

2. The judge in before-upload file size event, does not meet the return false

  beforeUpload(file) {

                        let fileObj = {
                              name: file.name,
                              size: file.size,
                              Status: "Start Upload" ,
                              process: 0,
                              id: file.uid
                        }
                        if (file.size > 100 * 1024 * 1024) {
                              console.log ( 'uploaded file is too large' , file.size)
                               return  false    // must return false 
                        }
                         the this .fileList.push (fileObj)

                  },

 

Guess you like

Origin www.cnblogs.com/jlyuan/p/11706104.html