清空input file中的值

清空input file中的值清空inputfile中的值对于inputtype为file元素:未选择文件之前,它是这个样子:当选择文件名为index.html的文件后,它变成了这个样子,input元素会显示文件名信息:  有时候在选择上传文件时,需要前端对选择的文件格式进行一个判断,当满足条件时,才在input元素中显示其文件名信息,当不满足时则保持原来样子即显示“未选择任何文件”。由于input…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

清空input file中的值

对于input type为file元素:

未选择文件之前,它是这个样子:
这里写图片描述

当选择文件名为index.html的文件后,它变成了这个样子,input元素会显示文件名信息:
这里写图片描述
  有时候在选择上传文件时,需要前端对选择的文件格式进行一个判断,当满足条件时,才在input元素中显示其文件名信息,当不满足时则保持原来样子即显示“未选择任何文件”。由于input type为file元素默认只要选择了文件都会显示其文件名信息,所以想实现上述效果就需要在判断时对不符合条件的进行一个input file值的清空。方法如下,亲测有效:

1、value设置为空

对于input type为file元素,不能为value属性设置除空以外的值,否则会报错,如下图:
这里写图片描述
但是可以利用设置value为空来清空input file中的值。inputEle为input type为file的元素DOM。

inputEle.value = ''; 

因此,对于不满条件的可以通过设置value为空,让input元素不显示其文件名信息。

参考文献

[1] js清空input file的值
[2] 将input file的选择的文件清空的两种解决方案

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/160938.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • centos7中firewall防火墙详解和配置_centos8 防火墙

    centos7中firewall防火墙详解和配置_centos8 防火墙一、ipset概述ipset与iptableiptables是在Linux内核中配置防火墙规则的用户空间工具。在内核版本更新到2.4以来,iptable一直作为系统中主要的防火墙解决方案。CentOS7将原来的iptable替换为firewall,而firewall提供了对ipset的支持。ipset相当于iptable的扩展,它和iptable处理方式,iptable通过链表…

    2022年9月27日
    2
  • 文件上传文件的权限–lnmp 环境配置,尤其整个项目复制过来

    文件上传文件的权限–lnmp 环境配置,尤其整个项目复制过来

    2021年10月27日
    39
  • 噪声熵和损失熵的定义_归一化信噪比

    噪声熵和损失熵的定义_归一化信噪比利用K-L散度(相对熵)确定VMD分解信号的K值和惩罚因子alpha,得到一组信号分量;计算各个分量的样本熵,根据样本熵的值,选取出噪声主导分量和有效分量;对噪声主导信号进行非局部均值(NLM)去噪;将去噪后的信号分量与剩余的有效信号分量进行重构得到去噪信号。

    2025年6月8日
    2
  • fork函数详解_全纯函数是什么

    fork函数详解_全纯函数是什么从最简单(基础)的一个例子说起,应该说是最基础而不是简单,下面的这个最基础的例子其实并不简单,因为有很多细节。我们需要从fork函数的定义开始说起:man手册官方定义thisfunctioncreatesanewprocess.Thereturnvalueisthezerointhechildandtheprocess-idnumberofthechildintheparent,or-1uponerror.这个函数创建一个新的进程。在子进

    2025年7月4日
    2
  • 微信公众号无法抓包 提示请在微信客户端打开链接

    微信公众号无法抓包 提示请在微信客户端打开链接最近有一个需求是测试公司公众号中某个需要鉴权接口的性能。首先就是需要对该接口进行抓包,根据以前写过的一篇文章,我们可以过使用Fiddler对微信PC客户端抓包来获取接口信息。使用fiddler抓包微信公众号和小程序当我在微信PC端点击需要鉴权的公众号页面时弹出“请在微信客户端打开链接”OhMyGod!我的第一直觉是微信PC端升级所致(因为之前测试时没有出现过这个问题),check一下版本是:最新的3.5.046这个问题怎么搞?百度吧!关键词是什么呢?抱着试试看的态度搜索“…

    2022年5月10日
    73
  • git 修改远程仓库地址[通俗易懂]

    一、Git修改远程仓库地址方法:1.直接修改config文件2.使用命令修改远程仓库地址gitremote查看所有远程仓库,gitremotexxx查看指定远程仓库地址gitremoteset-urloriginhttp:/xxxx/john/git_test.git3.删除仓库,添加新仓库1.gitremote查看所有远程仓库,gitremotexxx查看指定远程仓库地址2.gitremotermorigin…

    2022年4月15日
    39

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号