【问题标题】:How can I alllow the selection of multiple files in multiple selections?如何允许在多个选择中选择多个文件?
【发布时间】:2019-09-11 08:39:40
【问题描述】:

如何允许在多选中选择多个文件?

例如使用这段代码sn -p:

Select files: <input type="file" name="myFile" multiple>
  1. 点击“浏览”;选择一个文件。
  2. 点击“浏览”;选择另一个文件。

这会导致只选择第二个文件。我希望选择这两个文件。这可以使用基本的input 控件吗?

【问题讨论】:

  • 按住 CTRL 选择多个元素,或者您可以使用 shift 选择范围,如果您单击并拖动空白区域,您也可以绘制选择,这是操作系统的基本工作原理。
  • @jcubic;我特别想知道我概述的场景是否可以实现。
  • 我觉得js不行。
  • 抱歉没有仔细看问题,这样不行,每次点击浏览都会得到另一个选择。您需要多个输入。但是使用 JavaScript 和 CSS,你可以让它看起来像一个输入。

标签: javascript html file input


【解决方案1】:

没有任何实际意义。

文件输入的 UI 实现取决于浏览器(大多数浏览器只实现操作系统的标准控件)。你无法改变它。

您可能得到的最接近的可能是按照以下方式执行某些操作,以响应选择的文件,复制输入并隐藏原始文件。然后第二次交互将更改最新输入的选择,同时保留旧输入。

这会破坏为用户取消选择先前选择的选项提供的正常机制,并且与其他网站上的文件选择行为不一致,因此我强烈建议不要这样做。

【讨论】:

    猜你喜欢
    • 2019-12-11
    • 1970-01-01
    • 2013-06-14
    • 1970-01-01
    • 1970-01-01
    • 2011-04-08
    • 2019-03-31
    • 2010-10-10
    • 2015-10-10
    相关资源
    最近更新 更多