- 首先使用的是普通文件上传框,自己修改了默认样式
<el-form-item label ="上传文档:" prop="filePath">
<input type="file" class="fl" id="batchImport" ref="batchImport" :accept="accept" name="batchImport" style="display: none;" @change="showWord($event)"/>
<button id="upload" class="upload_btn" type="button" @click="uploadWord">请选择文档</button>
<span id="document_name">{{wordResult}}</span>
<div class="el-form-item__error" v-if="isError">请选择上传文档</div>
</el-form-item>
- 在上传文件后,如果切换页面,文档内容也要清空
- 清空
file
文件的方法
this.$refs.batchImport.value = '';
这样就能达到清空文件的效果啦