清除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值相关推荐

HTML5 input file类型，accept（文件类型控制）
在上传文件的时候,需要限制指定的文件类型. <input type="file" accept="image/*" /> ac ...
form表单input file类型的重置
我们知道form表单的dom中有一个reset方法,通过 document.getelemetbyid('yourform').reset()可以重置表单. Jquery对象没有reset方法,所以j ...
HTML input 标签 date 类型设置默认值
HTML input 标签 date 类型设置默认值 <div class="am-u-sm-9"><input id="defaultdate&qu ...
node进阶｜解决表单enctype=multipart/form-data 时获取不到Input值的问题
今天在学习node踩到一个坑:form设置enctype="multipart/form-data"上传文件时,无法获取到表单其他input的值. 因为之前上传文件用的是 form ...
File 类型的文本框，选择文件时响应很慢解决方法
file 类型的文本框用于文件上传,它有个 accept 属性,可以用来限定上传的文件类型.例如:accept="image/*" 可以用来限制只允许上传图像格式. 但是当指定类型 ...
JS基础 Set 用于存储任何类型的唯一值
阅读目录 Set 用于存储任何类型的唯一值,无论是基本类型还是对象引用. 基本使用获取元素数量检测元素是否存在删除元素数组转换去除重复遍历数据搜索实例交集差集并集 WeakSet ...
Eal:Error reading from file descriptor 33: Input/output error
问题描述 VMWARE 虚机中,82545EM 虚拟网卡绑定 igb_uio 后,运行 dpdk 程序,dpdk 程序一直有如下报警信息: Eal:Error reading from file de ...
征服number类型的input框
在移动端H5页面开发中,有时候会有一些数值输入方面的需求.如果需要让用户比较方便地输入小数.负数,最简单的方式是使用number类型的input框,输入时软键盘会切换为数字键盘方便输入(ios是带数字 ...
将图片（路径）转换为Base64 和将base64转换为file类型
var image={/* 将图片(路径)转换为Base64 */getBase64FromImageURL(url, callback) {var canvas = document.createE ...

清除file类型的input值

清除file类型的input值相关推荐

最新文章

热门文章