elementUI中el-upload文件上传的实现方法

<span>
<el-form-item label="文件地址：" prop=""/>
</span>
<el-upload
    ref="upload"
    :file-list="formFileUploadForm"
    :http-request="handleUploadForm"
    :on-change="handleChange"
    :before-upload="beforeUpload"
    :show-file-list="false"
    :auto-upload="false"
    class="upload-demo"
    action=""
>
    <el-input v-model = 'uploadForm.file' type="primary" readonly styele="width:240px;line-height:0px;padding-right:20px">
    <el-button size="mediumTwo" type="primary">预览</el-button>

</el-upload>

handleUploadForm(params){
    const formData = new FormData()
    formData.append('file',param.file)
    form.append('FileName','')
    axios({
        url:'',
        methods:'post',
        headers:{'Content-Type':'multipart/form-data'},
        data:formData
    }).then(res=>{
        if(res.data.code==200){
            return this.$pop(res.data.data,'success',this)
        }else{
            return this.$pop(res.data.message,'warning',this)
        }
    }).catch(err=>{
        return this.$pop(error,'error',this)
        }
    })
}

beforeUpload(file) {
      console.log('文件上传前的校验', file);
      // 这里可以进行一些文件的校验，比如文件类型，文件大小等
      // 返回 false 或者返回一个 Promise 对象，Promise 对象 reject 时不会上传文件
      return new Promise((resolve, reject) => {
        if (file.size / 1024 / 1024 > 2) {
          this.$message.error('文件大小不能超过 2MB!');
          reject(new Error('文件大小不能超过 2MB!'));
        } else {
          resolve(file);
        }
      });
    },

 handleChange(response, file, fileList) {
      if (response.status === 'success') {
        console.log('文件上传成功', file);
      } else if (response.status === 'error') {
        console.log('文件上传失败', file);
      }
    }