Our application updates a hidden field with the value we need when the drag/drop widget fires the onchange. We use that file for our further processing.
Currently, we simply hide the div that houses the drag/drop widget until we need it again. Unfortunately, when we show that div again, the widget keeps the filename of the last uploaded image so it is confusing to the user. It appears as though they will be uploading the same file again when in reality no file will be uploaded.
How can I tell the drag/drop widget to reinitialize or clear itself?
It’s a bit of a hack, but you can fire a click event on the .cancel div and it will clear the widget.
Here’s some pseudo-code to get the DOM-element and click it:
$( 'select span with X in it' ).get( 0 ).click();