清空浏览器中文件选择框的值

最新推荐文章于 2022-06-10 11:08:16 发布
最新推荐文章于 2022-06-10 11:08:16 发布
阅读量164 收藏
点赞数
分类专栏： 前端 文章标签： html5 jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40314214/article/details/104309218
版权

最近学习的过程中遇到了上传文件后文件选择框依旧显示刚上传文件的文件名的问题。

亲测有效

Html代码：

<input type="file" name="resourceFile" id="resourceFile">

JS代码

//Chrome
$("#resourceFile").prop("value","");

//IE
var resourceFile= $("#resourceFile");
resourceFile.replaceWith(resourceFile.clone());
半糖sweet
关注
专栏目录
js实现上传文件添加和删除文件选择框
10-21
在JavaScript中实现文件上传功能时，通常会遇到浏览器兼容性问题，特别是涉及到文件选择框的动态添加和删除。本文将详细介绍如何使用JavaScript实现这一功能，并解决在Firefox等浏览器中的兼容性问题。 首先，我们...
jquery获取file表单选择文件的路径、名字、大小、类型
10-17
1. HTML部分定义了一个文件选择框（`<input type="file">`）和一个按钮（用于清除文件选择）。通过`<p>`标签显示文件名。 2. 在`change`事件的处理函数中，使用`e.currentTarget.files`来访问当前选择的文件对象，...
清空浏览器文件选择框中的值（清空 file input 的值）
zh921112的专栏
07-16 4486
火狐中如下 $(setAttrById("deliverMethodIconInput", "value", "");
用Javascript清空(重置)文件类型的INPUT元素的值
zeromike
07-17 302
转自：http://www.html5cn.org/article-6547-1.html   &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;JS Bin&lt;/title&gt; &lt;/head&gt;
JavaScript、jquery将input file的选择的文件清空
cocos2dGirl的专栏
08-28 3086
上传文件后想清空选择的文件 <label for="importCsv" class="btn btn-primary btn-flat" style="display: inline;">导入csv</label> <input id="importCsv" name="importCsv" type="file" style="display:none" onchange="importCsvClick()" /> 获取选择的文件： var uploadE
浏览器文件框筛选文件
小书包的博客
12-25 556
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
将input file的选择的文件清空
白宁的博客
07-23 244
上传文件时,选择了文件后想清空文件路径的两种办法: JS代码 &lt;input type="file" id="fileupload" name="file" /&gt;  第一种: (display:none时不能用) var obj = document.getElementById('fileupload') ;   obj.select();   document.selecti...
vue 清空input标签 中file的值操作
11-20
当用户选择文件后，`onUpload`方法会被调用，此时通过`this.$refs.pathClear`获取到`<input type="file">`元素的引用，然后将其`value`属性设置为空字符串，从而清空文件选择状态。 除了使用Vue的`$refs`机制，还有...
360极速浏览器怎么清空缓存.docx
09-26
在清空缓存时，浏览器将删除所有缓存的数据，包括浏览记录、Cookies、临时文件等，这将释放出大量的磁盘空间，提高浏览器的性能和响应速度。 需要注意的是，清空缓存操作将删除所有浏览记录和Cookies，因此请在进行...
jquery 清空file里的内容
NC_star的博客
06-10 1564
jquery
html文件清除,生成丶清除指定目录下的HTML文件
weixin_39858124的博客
06-18 244
/// /// 事件：生成HTML按钮/// /// /// protected void lbCreateHTML_Click(object sender, EventArgs e){List MDnews = NewsInfoManager.GetAllNewsInfo();foreach (NewsInfo item in MDnews){Generator(item);}BindNews(...
input file选择文件上传后清空选择框文件信息两种解决方案
热门推荐
陌子曦的专栏
04-23 1万+
上传文件时,选择了文件后想清空文件路径。用两种方法解决  第一种: var obj = document.getElementById('fileupload') ; obj.select(); document.selection.clear(); 第二种：  var obj = document.getElementById('fileupload') ; obj.outerHT
清空文件选择框<input type="file">的方法
birdwindy
12-08 385
[code="js"] function clearFileInput(file){ var form=document.createElement('form'); document.body.appendChild(form); var pos=file.nextSibling; form.appendChild(file); form.reset(); pos.pa...
easyui-filebox清空方法扩展自TextBox
awangwu的博客
09-28 2092
$("#xxxx").textbox('setText','');//清空 $("#xxxx").textbox('setText','xxxx');//设值
js清空input类型为type的文件框的内容
知行合一
12-09 1036
用到了文件域，在选择文件后想要清空文件的内容，在网上找了好久都是有以下几种说法，但是试了都没有用： 文件域如下： 第一种: var obj = document.getElementById(‘longzhoufeng’) ; obj.select(); document.selection.clear(); 第二种： var obj = document.getElem
<input type="file" />浏览时只显示指定文件类型
数据库天地
12-21 1204
&lt;input type="file" /&gt;浏览时只显示指定文件类型 &lt;input type="file" accept="application/msword" &gt;&lt;br&gt;&lt;br&gt;accept属性列表&lt;br&gt; 1.accept="application/msexcel" 2.a
react中，若Input框为文件上传框，要如何清楚Input内容
最新发布
09-21
在React中，如果你想要清除文件上传Input框的内容，通常需要设置一个状态来控制输入字段是否为空，并提供一个清除按钮或者事件处理函数来清空它。下面是一个简单的例子： ```jsx import React, { useState } from 'react'; function FileUploader() { const [fileInput, setFileInput] = useState(null); // 使用state来管理文件输入 function clearInput() { if (fileInput) { fileInput.value = ''; // 清空input元素的值 // 如果有额外的行为，例如清除已选择的文件，可以添加如下代码 fileInput.files = []; // 清除files属性，这一步对现代浏览器有用 } } return ( <> <input type="file" ref={input => setFileInput(input)} /> {/* 设置ref以便访问并操作真实的DOM元素 */} <button onClick={clearInput}>清除</button> </> ); } export default FileUploader; ``` 在这个例子中，当用户点击清除按钮时，`clearInput`函数会被调用，它会将`fileInput`的value设为空字符串，同时如果有必要，还会清除`files`数组中的已选文件。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值