【问题标题】:Input type FILE multiple - add files one by one输入类型 FILE 多个 - 一个一个添加文件
【发布时间】:2018-11-04 09:28:57
【问题描述】:

当访问者打开对话框并通过多个输入类型文件上传文件时,我正在开发一个页面(一次性使用 - 它的注册页面)。一切正常,但我的客户只是告诉我他们希望能够从不同的目录上传多个文件。通过多次打开该对话框。

现在,通常情况是,当我再次打开文件选择对话框时,之前选择的文件会从输入中删除。

有什么方法(纯 HTML 或 JS)可以添加到“堆栈”文件的可能性 - 将它们添加到选择中(可能某些 JS 对象稍后转换回输入类型文件?)以便可以添加文件到输入中的文件列表?

【问题讨论】:

    标签: javascript multiple-file-upload


    【解决方案1】:

    在它旁边放一个加号按钮并添加一个新的输入字段,允许用户将文件添加到这个新字段。

    如果您使用 jquery,这可以通过 $("") 并使用 before 将其附加到上一个输入。

    可以通过纯js​​使用

    var node = document.createElement("input");                    
    node.setAttribute("type","file");
    document.getElementById("myList").appendChild(node); 
    

    把它放在加号的onclick里面就完成了

    【讨论】:

      猜你喜欢
      • 2018-12-24
      • 1970-01-01
      • 1970-01-01
      • 2014-04-07
      • 2020-03-11
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多