input清空上传文件的内容

今天药忘吃喽~ 2023-02-27 12:10 68阅读 0赞
  • 首先使用的是普通文件上传框,自己修改了默认样式

    1. <input type="file" class="fl" id="batchImport" ref="batchImport" :accept="accept" name="batchImport" style="display: none;" @change="showWord($event)"/>
    2. <button id="upload" class="upload_btn" type="button" @click="uploadWord">请选择文档</button>
    3. <span id="document_name">{ { wordResult}}</span>
    4. <div class="el-form-item__error" v-if="isError">请选择上传文档</div>

在这里插入图片描述

  • 在上传文件后,如果切换页面,文档内容也要清空
    在这里插入图片描述
  • 清空 file 文件的方法

    this.$refs.batchImport.value = ‘’;

这样就能达到清空文件的效果啦

发表评论

表情:
评论列表 (有 0 条评论,68人围观)

还没有评论,来说两句吧...

相关阅读

    相关 uni-appinput输入框内容

    uni-app的input框是不能清空的,所以需要自己自定义清空 可以自定义一个组件,当输入框有值的时候显示清空按钮,没有值的时候不显示。 我在uni-app插件市场