admin 管理员组

文章数量: 1087652

清除file类型的input值

问题背景: 非现场开户, 需要上传身份证照片, 见证视频等信息。 当客户上传文件后,由于文件不符合要求等问题, 需要重新上传。 但重新上传后发现,不能触发input的onchange方法。

问题:  file类型的input, 重新上传文件, 有时候可能不会触发onchange事件。

解决思路:重新上传文件时, 先将原来的input值清空。

注意:项目用的vue, 所以语法不同于一般的html

方法一:使用form表单的reset方法, 重置该input

<form id="videoForm"><input type="file" capture="camcorder" accept="video/*" name="file" id="videoInput" v-on:change="videoChange()">
</form>

js方法:

var videoForm = document.getElementById("videoForm"); //获取表单对象
videoForm.reset();// 重置表单


本文标签: 清除file类型的input值