问题背景: 非现场开户, 需要上传身份证照片, 见证视频等信息。 当客户上传文件后,由于文件不符合要求等问题, 需要重新上传。 但重新上传后发现,不能触发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();// 重置表单