jquery 删除input file 中的文件
时间: 2024-05-06 08:19:55 浏览: 103
jquery-file-upload 文件上传带进度条效果
由于安全限制,浏览器不允许通过 JavaScript 访问或修改 input type="file" 的值,因此无法直接删除文件。
但是,可以通过以下方法清除文件:
1. 重置表单
将 input type="file" 包含在表单中,可以通过重置表单来清空 input 的值。
例如:
```html
<form id="myForm">
<input type="file" name="myFile">
</form>
<button onclick="document.getElementById('myForm').reset()">Clear File</button>
```
2. 创建新的 input 元素
可以通过 JavaScript 创建一个新的 input 元素,并将其替换为原来的 input 元素。这样可以清除 input 的值。
例如:
```html
<input type="file" id="myFile">
<button onclick="clearFile()">Clear File</button>
<script>
function clearFile() {
var input = document.createElement('input');
input.type = 'file';
input.id = 'myFile';
document.getElementById('myFile').parentNode.replaceChild(input, document.getElementById('myFile'));
}
</script>
```
两种方法都可以清除 input 的值,但是第二种方法可以在不重置整个表单的情况下只清除一个 input 的值。
阅读全文