Question

I would like to trigger a click on the browse button on a hidden FileUpload widget. The following code works fine on IE 6+, but doesn’t work in FireFox.

final FileUpload upload = new FileUpload();   upload.setVisible(false); upload.setName('uploadFormElement');  panel.add(upload);  panel.add( new Button('Select File', new ClickListener() { public void onClick(Widget pSender)  { jsClickUpload( upload.getElement() ); } }));  native void jsClickUpload( Element pElement ) /*-{ pElement.click(); }-*/;  

How can I achieve the same in FireFox (and possibly other browsers)?

Answer 1

The solution can be read here:

http://www.quirksmode.org/dom/inputfile.html

in the last paragraph:

The click() method allows you to simulate a click on a form field. Checkboxes get toggled, radios selected, and so on. Unfortunately Mozilla and Opera haven’t added this method to file upload fields. I wonder why, adding it is not really a security risk since the worst that can happen is that the file selection window pops up.