Question

当拖放小部件触发onchange时，我们的应用程序会使用我们需要的值更新隐藏字段。我们使用该文件进行进一步处理。

目前，我们只是隐藏包含拖放小部件的div，直到我们再次需要它为止。不幸的是，当我们再次显示div时，窗口小部件会保留上次上传图像的文件名，因此会让用户感到困惑。看起来好像他们将再次上传同一个文件，而实际上不会上传文件。

如何告诉拖放小部件重新初始化或清除自己？

Answer 1

这有点像黑客攻击，但您可以在.cancel div上触发点击事件，它将清除小部件。

这是获取DOM元素并点击它的一些伪代码：$( 'select span with X in it' ).get( 0 ).click();

Answer 2

这是一个利用data-fp-class属性

的黑客攻击

<input id="myInput" type="filepicker-dragdrop" data-fp-button-class="btn btn-primary btn-small" data-fp-class="filepicker-dragdrop" data-fp-apikey="urKey" data-fp-mimetypes="image/png,image/jpeg" data-fp-container="modal" data-fp-maxsize="204800" data-fp-services="COMPUTER,URL,DROPBOX,FACEBOOK,GOOGLE_DRIVE,FLICKR,INSTAGRAM,PICASA,BOX">

上传完成并切换到右侧带有“x”的所选文件后，您可以执行以下操作删除选择：

$('.filepicker-dragdrop span').get(0).click();

他们确实需要一个API来执行此操作，因为这很常见（检测需要删除的错误）

如何重置/清除filepicker.io拖放小部件？

2 个答案: