gpt4 book ai didi

javascript - 在 HTML 文件打开对话框中过滤文件

转载 作者:搜寻专家 更新时间:2023-10-31 22:50:31 24 4
gpt4 key购买 nike

我正在使用 HTML 标签将文件上传到服务器:

<input type="file">

当我点击浏览按钮时,它会显示一个文件打开对话框。我可以通过将扩展过滤器传递给该对话框来过滤文件吗?就像我们可以在 .Net Framework 的文件打开对话框中传递一些东西一样:

Text files *.txt|.txt

使用这个过滤器我们只能打开.txt 文件。其他未向用户显示的文件。此对话框有任何选项吗?

最佳答案

标准

实际上在 HTML5 中你可以设置 accept 属性,所以现在这是可能的! W3C standard状态:

The accept attribute may be specified to provide user agents with a hint of what file types will be accepted.

接受值[ Full list in Wikipedia ]

只需传递一个有效的 MIME type例如属性:

  • audio/*
  • 视频/*
    • 视频/ogg
  • 图片/*
    • 图片/jpg
    • 图片/bmp

示例代码

<input type="file" accept="image/*">

关于javascript - 在 HTML 文件打开对话框中过滤文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6641283/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com