利用axios的cancelToken功能支持文件上传操作在中间阶段被取消

首先，文件上传功能可以通过el-upload组件来实现，但其底层是通过封装的ajax技术完成上传操作。官方文档中提到可以通过abort()方法取消上传过程，然而在实际操作中我未能成功实现该功能，恳请有相关经验的开发者分享实现方式。
此外，文件上传也可以借助input元素的file属性来完成，我在此处采用了这种方法。为了实现取消上传的功能，我利用了axios库中已封装好的cancelToken来中断正在进行的请求。

将input元素的type属性设置为file即可实现文件上传功能，若需支持多文件上传，则可将multiple属性设为true，并通过change事件触发相应的上传函数。
input元素默认的上传界面样式较为简单，不够美观。因此，我将input框隐藏，并使用了两个按钮来替代默认样式以提升用户体验。

    <div>
          <input class="file" name="file" type="file" multiple ref="uploadBtn" @change="uploadData" style="display:none"/>
          <el-button type="warning" size="mini" @click="upload">上传文件</el-button>
          <el-bu