Element-Ui中的upload实现拖拽上传掉接口

因为项目需要，需要上传识别发票，掉接口完成，将图片上传服务器，查阅文档最终实现功能，要实现的效果图如下：

html：

<div class="darkBoxs" v-if="flag1">
<div class="main">
<div class="top1">
  <span>上传发票照片</span>
  <i class="el-icon-close right" @click="$router.go(-1)"></i>
</div>
<div class="xuxian">
  <el-upload
    class="upload-demo"
    drag
    ref="upload"
    action="123"
    :before-upload="beforeUpload"
    multiple
    name="file"
    :data="paramsData"
    :headers="myHeaders"
  >
    <i class="el-icon-upload"></i>
    <div class="el-upload__text"