清除file类型的input值

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/changerzhuo_319/article/details/76093876

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


阅读更多
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页