如何取消选择HTML表单中的文件?

用户名

我有一个简单的php文件上传表单,如下所示:

<form action="upload_file.php" method="post" onsubmit="return validateForm()" enctype="multipart/form-data">
<label for="file">Files:</label>
<input type="file" name="file[]" id="file"><button type="button">Remove File</button>
<input type="file" name="file[]" id="file"><button type="button">Remove File</button>
<input type="submit" name="submit" value="Submit">
</form>

并且我想添加一个功能“删除文件”按钮以取消选择所选文件。那可能吗 ?

谢谢您的帮助。

斯特林弓箭手

您必须添加ID才能使其变得更容易,否则,您将遍历节点,而您将不会那样做。

<form action="upload_file.php" method="post" onsubmit="return validateForm()" enctype="multipart/form-data">
    <label for="file">Files:</label>
    <input id="file1" type="file" name="file[]" />
    <button id="rmv1" type="button">Remove File</button>

    <input id="file2" type="file" name="file[]" />
    <button id="rmv2" type="button">Remove File</button>

    <input type="submit" name="submit" value="Submit">
</form>

然后添加javascript以恢复默认值:

document.getElementById('rmv1').onclick = function() { 
    var file = document.getElementById("file1");
    file.value = file.defaultValue;
}

(对于另一个按钮,将rmv1更改为rmv2,将file1更改为file2)

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

取消文件选择窗口时,如何在html文件类型元素中自动选择以前上传的文件?

来自分类Dev

如何取消选择表单中的所有控件?

来自分类Dev

如何在HTML中取消选择关闭图标按钮

来自分类Dev

如何取消文件上传HTML?

来自分类Dev

如何选择/取消选择表中的行?

来自分类Dev

如何查询html选择表单?

来自分类Dev

如何查询html选择表单?

来自分类Dev

如何“取消选择”所选文件?

来自分类Dev

通过AppleScript从Finder中的选择中取消选择文件

来自分类Dev

如何在.AutoFilter中取消选择(空白)?

来自分类Dev

如何在.AutoFilter中取消选择(空白)?

来自分类Dev

如何在GIMP中取消选择工具?

来自分类Dev

如何在HTML文件中动态生成JSON表单对象?

来自分类Dev

如何防止在html中的模糊(焦点丢失)上取消选定文本的选择

来自分类Dev

如何防止在html中模糊(失去焦点)时取消选定文本的选择

来自分类Dev

在表单中打开,选择并添加.jpg文件

来自分类Dev

如何在使用jQuery的选择中取消选择选项

来自分类Dev

如何取消extjs中的文件上传

来自分类Dev

如何在PhpStorm中“取消检查”文件?

来自分类Dev

在Ranger中取消选择项目(文件管理器)

来自分类Dev

如何取消html模板中的隐藏指令?

来自分类Dev

如何从Rails中的选择表单获取参数

来自分类Dev

如何发布在foreach中时选择的表单

来自分类Dev

Vaadin 14上传-如何在用户单击“选择文件”对话框中的“取消”按钮时捕获事件

来自分类Dev

如何使用Angular 8在选择元素中取消选择选择的选择元素

来自分类Dev

如何从html表单R下载文件

来自分类Dev

如何制作可以提交文件的 HTML 表单。\

来自分类Dev

能够选择和取消选择html中的多个元素,并跟踪已选择的内容

来自分类Dev

编译的帮助文件中的HTML表单

Related 相关文章

  1. 1

    取消文件选择窗口时,如何在html文件类型元素中自动选择以前上传的文件?

  2. 2

    如何取消选择表单中的所有控件?

  3. 3

    如何在HTML中取消选择关闭图标按钮

  4. 4

    如何取消文件上传HTML?

  5. 5

    如何选择/取消选择表中的行?

  6. 6

    如何查询html选择表单?

  7. 7

    如何查询html选择表单?

  8. 8

    如何“取消选择”所选文件?

  9. 9

    通过AppleScript从Finder中的选择中取消选择文件

  10. 10

    如何在.AutoFilter中取消选择(空白)?

  11. 11

    如何在.AutoFilter中取消选择(空白)?

  12. 12

    如何在GIMP中取消选择工具?

  13. 13

    如何在HTML文件中动态生成JSON表单对象?

  14. 14

    如何防止在html中的模糊(焦点丢失)上取消选定文本的选择

  15. 15

    如何防止在html中模糊(失去焦点)时取消选定文本的选择

  16. 16

    在表单中打开,选择并添加.jpg文件

  17. 17

    如何在使用jQuery的选择中取消选择选项

  18. 18

    如何取消extjs中的文件上传

  19. 19

    如何在PhpStorm中“取消检查”文件?

  20. 20

    在Ranger中取消选择项目(文件管理器)

  21. 21

    如何取消html模板中的隐藏指令?

  22. 22

    如何从Rails中的选择表单获取参数

  23. 23

    如何发布在foreach中时选择的表单

  24. 24

    Vaadin 14上传-如何在用户单击“选择文件”对话框中的“取消”按钮时捕获事件

  25. 25

    如何使用Angular 8在选择元素中取消选择选择的选择元素

  26. 26

    如何从html表单R下载文件

  27. 27

    如何制作可以提交文件的 HTML 表单。\

  28. 28

    能够选择和取消选择html中的多个元素,并跟踪已选择的内容

  29. 29

    编译的帮助文件中的HTML表单

热门标签

归档