html input 批量上传文件删除input中的某个文件
时间: 2024-03-05 11:53:02 浏览: 62
要删除 input 中的某个文件,可以通过以下步骤实现:
1. 获取 input 元素:
```html
<input type="file" id="myFileInput" multiple>
```
```javascript
const fileInput = document.getElementById("myFileInput");
```
2. 获取文件列表:
```javascript
const fileList = fileInput.files;
```
3. 找到要删除的文件并移除:
```javascript
const fileToDelete = fileList[1]; // 例如要删除第二个文件
fileList.splice(1, 1); // 从文件列表中移除
```
4. 重新设置 input 的文件列表:
```javascript
fileInput.files = fileList;
```
完整示例代码如下:
```html
<input type="file" id="myFileInput" multiple>
<button onclick="deleteFile()">删除第二个文件</button>
<script>
const fileInput = document.getElementById("myFileInput");
function deleteFile() {
const fileList = fileInput.files;
if (fileList.length > 1) { // 至少要有两个文件才能删除
const fileToDelete = fileList[1]; // 例如要删除第二个文件
fileList.splice(1, 1); // 从文件列表中移除
fileInput.files = fileList; // 重新设置文件列表
}
}
</script>
```
阅读全文