3

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

目前,我们只是隐藏包含拖放小部件的 div,直到我们再次需要它。不幸的是,当我们再次显示该 div 时,小部件会保留最后上传的图像的文件名,因此会让用户感到困惑。看起来他们将再次上传相同的文件,而实际上不会上传任何文件。

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

4

2 回答 2

1

这有点小技巧,但您可以在 .cancel div 上触发点击事件,它会清除小部件。

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

于 2012-12-01T01:02:12.547 回答
0

这是一个利用该data-fp-class属性的hack:

<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 来执行此操作,因为这很常见(检测需要删除的错误)

于 2013-03-26T18:03:43.320 回答