第1个方法是大多人传统做法，替换HTML代码，楼上的已经用到了，我不过是用正则优化一下;
第2个方法利用SendKeys模拟键盘操作，需要允许浏览器调用ActiveX才行；
<html>
<head>
<title>把input file類型的value清空--Test by 编程浪子</title>
<script>
function clearMethod1() {
var objFile=document.getElementsByTagName_r('input')[0];
alert("\""+objFile.value+"\"已清除");
objFile.outerHTML=objFile.outerHTML.replace(/(value=\").+\"/i,"$1\"");
}
function clearMethod2() {
var objFile=document.getElementsByTagName_r('input')[0];
alert("\""+objFile.value+"\"已清除");
var WshShell=new ActiveXObject("WScript.Shell");
objFile.focus();
objFile.createTextRange().select();
WshShell.SendKeys("{del}");
}
function clearMethod3() {
var objFile=document.getElementsByTagName_r('input')[1];
alert("\""+objFile.value+"\"已清除"); objFile.value="";
}
</script>
<head>
<body>
<input type="file" value="C:\abc.txt"/><br/><br/>
<button onclick="clearMethod1();">清除大法1：李代桃僵</button><br/>
<button onclick="clearMethod2();">清除大法2：暗渡陈仓</button>
<br/><br/><br/><br/><br/><br/><br/>
<input type="text" value=""/><input type="file" value="C:\abc.txt" onchange="this.previousSibling.value=this.value;" style="width:20"/><br/><br/>
<button onclick="clearMethod3();">清除大法3：声东击西</button>
</body>
<html>
分享到：
相关推荐
这个函数创建了一个新的`<form>`元素，将`<input type="file">`元素添加到新表单中，然后调用`reset`方法清空表单，最后将原始的`<input type="file">`元素放回原位置。 需要注意的是，虽然这两种方法都可以实现...
在Vue.js框架中，处理`<input type="file">`元素时，用户选择文件后，如果需要清空已选择的文件路径，可以采用多种方法。本文将详细讲解两种常见的解决方案，以及如何在Vue实例中实现这个功能。 首先，让我们看下在...
### JavaScript获取和清空input type="file"值的知识点 #### 1. 获取input type="file"的值 `<input type="file">`元素允许用户选择一个或多个文件，这些文件的路径将通过其`value`属性返回。然而，需要注意的是，...
<input type="file" name="files[]" multiple> ``` 这段代码将创建一个可以一次性选择多个文件的输入框。`name="files[]"` 的设定使得在服务器端（例如Java JSP）可以通过数组形式访问上传的文件。 然而，对于不...
<input v-if="ishowFile" type="file" style="display:none" @change="getFile" id="input-file"> <div v-if="fileName"> 上传的文件名：{{fileName}} <button @click="delFile">清空文件 export default...
另一种方法是创建一个临时的`<form>`元素，将`<input type="file">`添加到这个新表单中，调用`reset`方法清空，然后再将文件输入控件放回原处。这种方法的代码如下： ```html <input type="file" id="fileInput"> ...
input type=”file” id=”fileupload” name=”file” /> 第一种: 代码如下: var obj = document.getElementById(‘fileupload’) ; obj.select(); document.selection.clear(); 第二种： 代码如下: var obj = ...
在JavaScript中，清除`<input type="file">`控件的值是一个相对复杂的问题，因为浏览器出于安全考虑，不允许直接修改或清空该类型的输入字段。通常，当用户选择了一个文件后，无法通过简单的JavaScript操作来重置这...
在这个例子中，当用户点击“清空”按钮时，`clearFileSelection`函数会被调用，它会创建一个新的`<input type="file">`元素，并将其插入到原始输入元素的位置，从而达到清空文件选择的效果。 这种方法的一个限制是...
在网页开发中，`<input type="file">` 是一种用于让用户选择本地文件的表单元素。有时，开发者可能需要对这个元素的默认值进行处理，例如清空或赋予初始值。本文将介绍三种不同的方法来实现这一目标，分别称为...
首先，我们来看第一种方法，这种方法适用于`<input type="file">`控件在页面上显示的情况，即`display`属性不是`none`。代码如下： ```javascript var obj = document.getElementById('fileupload'); obj.select()...
当用户点击按钮触发事件时，可以利用JavaScript删除原有的`<input type="file">`元素，并重新创建一个新的`<input type="file">`元素来替代它，从而达到清空文件选择的效果。 示例代码如下： ```html <span id=...
在进行Web开发的过程中，经常会遇到需要通过JavaScript清空`<input type="file">`上传控件中的文件选择值的需求。然而，根据HTML标准，`<input type="file">`控件的值是不允许通过JavaScript直接进行修改的。原因...
本文将通过示例代码介绍如何使用JavaScript来清空`input`元素中`type`属性值为`file`的值。 首先，要清楚的是，`<input type="file">`元素的值是由浏览器自动管理的。我们不能直接通过JavaScript设置这个值为空字符...
- **定义**: `<input type="reset">` 用于清空表单中的所有字段。 - **属性**: 同样可以通过 `value` 属性来设置按钮上的文字。 - **示例**: `<input type="reset" value="重置表单">` #### 10. 隐藏字段 (`<input ...
- **提交和重置按钮**：`<input type="submit">`（如`<input type="submit" value="注册"/>`）用于提交表单，`<input type="reset">`（如`<input type="reset" value="清空"/>`）用于清除表单内的所有数据。...
<input type="file" name="meFile" webkitdirectory directory/> <input type="submit" value="提交"/> <input type="reset" value="清空"/> ``` #### 三、SpringBoot后端处理 接下来，我们来看看...