取消分配 flow.js HTML5 上传组件上的浏览按钮

【问题标题】：Unassign browse button on the flow.js HTML5 upload component取消分配 flow.js HTML5 上传组件上的浏览按钮
【发布时间】：2017-12-11 16:13:57
【问题描述】：

使用flow.js 组件，我们可以像这样分配一个浏览按钮：

flow.assignBrowse(document.getElementById('browseButton'));

我们可以这样分配一个放置区域：

flow.assignDrop(document.getElementById('dropTarget'));

我们也可以像这样取消分配放置区域：

flow.unAssignDrop(document.getElementById('dropTarget'));

我的第一个问题是如何取消分配浏览按钮？

我的第二个问题是如何（本机地）知道是否已经定义了浏览按钮？

我在文档中看不到任何相关信息。

谢谢。

【问题讨论】：

如果我从字面上回答您的两个问题，我会回答：使用flow.js 或没有它的浏览按钮是<input> 标签，然后删除它或使用DOM 方法搜索它并不神奇或jQuery的。但我认为你的问题有更多的深度，我无法弄清楚，除非你通过对你真正要问的内容添加更多说明来帮助我。

标签： javascript flow-js

【解决方案1】：

如何取消分配浏览？

没有内置的方式，但是你只需要反转assignBrowse正在做的事情，它基本上会在你选择的元素中添加一个类似于以下的输入：

<input type="file" multiple="multiple" style="visibility: hidden; position: absolute; width: 1px; height: 1px;">

要恢复它，您可以为该输入分配一个 ID，基本上可以通过提供给 assignBrowse 来实现（它采用以下参数：domNodes、isDirectory、singleFile、attributes）一个 [{"id":"myId"}] 数组代替 attributes 参数，以便您以后可以定位它并销毁该元素：

function myUnassign(){
    document.getElementById("myId").remove()
}

如何（本机）知道浏览按钮是否已定义？

通过检查input 元素是否存在。与上述类似的方法，检查具有先前分配的 ID 的元素是否已经存在。

【讨论】：