因为浏览器安全限制,通常的方法,如把value设为null或空字符串,是无法清空HTML file input的。大多数浏览器中,给file input的value设置null值,要么无效,要么产生错误。解决办法是,复制老元素的属性,创建一个新元素,然后进行替换。

这是一个例子:

HTML页面:

...

...

清空 file input的Javascript:

function clearFileInput()

{

var oldInput = document.getElementById("fileInput");

var newInput = document.createElement("input");

newInput.type = "file";

newInput.id = oldInput.id;

newInput.name = oldInput.name;

newInput.className = oldInput.className;

newInput.style.cssText = oldInput.style.cssText;

// 复制其它相关属性

oldInput.parentNode.replaceChild(newInput, oldInput);

}

本文由尤慕译自这里,转载请保留此信息。

html input file 置空,清空 HTML File Input相关推荐

  1. file input 点击没反应_动态input file多文件上传到后台没反应的解决方法!!!

    其实我也不太清除具体是什么原因,但是后面就可以了!!! 我用的是springMVC 自带的文件上传 1.首先肯定是要有springMVC上传文件的相关配置! 2.前端 这是动态input file上传 ...

  2. The Class File Viewer cannot handle the given input

    想查看.class字节码文件,就用eclipse的file-->open file打开文件,但是报出 The Class File Viewer cannot handle the given ...

  3. error: #5: cannot open source input file core_cm3.h: No such file or directory

    用Keil  vision5编译时出现以下错误: D:\MDK\install\ARM\PACK\Keil\STM32F1xx_DFP\2.2.0\Device\Include\stm32f10x.h ...

  4. 02_Keil5报错 error: #5: cannot open source input file “XXX.h”: No such file or directory解决方法

    Keil5  error: #5: cannot open source input file "led.h": No such file or directory 是找不到包含文 ...

  5. file input 点击没反应_input file 无法打开手机端文件选择器

    版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/m0_37805167/article/details/78538044手机端对input file的 ...

  6. python中file和open_Python中的file和open简述

    help(file) help(open) 老规矩先看一下内置的帮助文档怎么描述file和open,毕竟官方文档是最直接最准确的描述. Help on class file in module __b ...

  7. android Binary XML file line #1: Binary XML file line #1: Error inflating class x 问题详解

    话不多少,上错误堆栈: Process: com.mci.smagazine, PID: 25065java.lang.RuntimeException: Unable to start activi ...

  8. 【js】数组置空的其他方式及使用场景

    数组在js中属于引用型类型. var arr = [1, 2, 3]; a = []; 通常使用以上方式.如果使用场景必须使用方法置空, 可以采用arr.length = 0; 或者使用a.splic ...

  9. java file的用法_Java 关于File使用

    1. File类 1.1. File类说明 存储在变量,数组和对象中的数据是暂时的,当程序终止时他们就会丢失.为了能够永 久的保存程序中创建的数据,需要将他们存储到硬盘或光盘的文件中.这些文件可以移动 ...

最新文章

  1. Linux下的LVM创建以及Linux快照卷
  2. 【SSL协议】SSL协议详解
  3. 计算机安全基础:加密技术知识笔记
  4. vb 获取mysql表第一行数据_vb如何将远程获取的数据插入本机数据表中
  5. 解决Linux新安装的虚拟机没有网
  6. 网口压线顺序_RJ45水晶头排线顺序
  7. AT91SAM9260EK总是出现有RomBOOT提示但是却无法连接SAM-BA的方法
  8. 涉密计算机信息系统的安全审计,涉密计算机信息系统安全审计.doc
  9. 关于网线水晶头的接法详解(2)
  10. 解决OneDrive卸载后重新安装无法启动或闪退的问题
  11. DFS(剪枝与优化) - 洛谷 P1361 - 小猫爬山
  12. 产品经理经常面临的系统须知大拷问
  13. C语言·sqrt()的用法
  14. 中国版权保护中心注册不了的解决办法
  15. 访傲林科技董事长刘震:用企业级数字孪生掘金工业互联网
  16. 机遇与风险并存,新手棋牌创业需谨慎
  17. 计算机组成符号,计算机组成原理 符号
  18. 三方直播SDK对比(腾讯云,阿里云,网易云信,七牛云,金山云,声网,即构科技)
  19. (Note)荧光光谱结合主成分分析
  20. 生猪价格四个月跌26% 养猪产业链告急

热门文章

  1. OpenCV修养(二)——OpenCV基本操作
  2. glove中文词向量_Summary系列glove模型解读
  3. 手动构建磁贴服务器(16.04.2 LTS)
  4. Linux 系统应用编程——网络编程(服务器模型)
  5. 一个跨平台的 C++ 内存泄漏检测器
  6. Hi3515的开发板 Hi3515 SDK编译出错 提示缺少libpciv.a的解决办法
  7. uni-app微信小程序获取手机号;微信小程序获取手机号,获取到后需要进行解密;微信小程序获取手机号失败 Error:该appId没有权限
  8. 前端学习(3197):jsx语法规则1
  9. 前端学习(3014):vue+element今日头条管理--表单验证基本使用2
  10. 前端学习(2942):vue的本地注册