[Tinhte] HTML5 Uploader (Unmaintained)

[Tinhte] HTML5 Uploader (Unmaintained) 1.0.3

No permission to download
First of all, great stuff, would really like to replace the Flash based uploader with an HTML5 version. Tried several different combinations and for some there are glitches or they do not work at all. Tried to summarize them below. The Xenforo platform is 1.4.0. Suggestions or fixes for the problems appriceated

Combinations that works without issues. Ability to directly select multiple files on the device

Windows 7
Mac Os X 10.9.4
  • Chrome
  • Firefox
  • Safari
Ipad 2 mini IOS 7.1.2
Iphone 7.1.1
  • Chrome

Combinations that works with selection of single files on the device
. No problems to upload repeatedly

Samsung S4 Mini Android 4.2.2
Samsung GT6810 7.7 Tab Android 4.0.2
Samsung S4 Android 4.4.2
  • Chrome
  • Android browser
  • Firefox
Combinations with problems: If additional files are to be selected after first upload then the button to upload files do not work. By selecting additional options it’s once again possible to select a new file. The third time hitting preview unlocks the option to upload files. Not sure why this behavior.

Ipad 2 mini IOS 7.1.2
Iphone 7.1.1
  • Safari
Combinations that do not work. Works until files are to be selected on the phone. Not possible to select files for upload

Windows Phone 8.1
  • Internet Explorer
 
Last edited:
Combinations with problems: If additional files are to be selected after first upload then the button to upload files do not work. By selecting additional options it’s once again possible to select a new file. The third time hitting preview unlocks the option to upload files. Not sure why this behavior.

Ipad 2 mini IOS 7.1.2
Iphone 7.1.1
  • Safari

Both scenarios are easily reproducible by changing the user-agent to IOS Safari(tested with Safari on Mac Os X 10.9.4)
The problems seems to be the positioning of the upload button div:
HTML:
<div id="html5_191qcfiigvuc3admvah5pp2m3_container" class="moxie-shim moxie-shim-html5" style="position: absolute; width: 113px; height: 32px; overflow: hidden; top: 0px; left: 0px;"><input id="html5_191qcfiigvuc3admvah5pp2m3" type="file" style="font-size: 999px; opacity: 0; position: absolute; top: 0px; left: 594px; width: 100%; height: 100%;" accept=""></div>

For some reason the left position has been changed to 594px after an upload, changing it to 0, realigns it properly.
I noticed it's being set during initialization:

Code:
$container.find('.moxie-shim-html5').css('top', '0').css('left', '0');

But something(probably the progress bar code?) is changing it back to 594px.
It seems calling uploader.refresh() has solved it for a number of people. I guess either after an upload has finished or what they've done here, http://stackoverflow.com/questions/7926566/plupload-positioning-problems-in-chrome, as a mouseover on the upload button.
 
So there was recently another vulnerability in flash, prompting xf 1.4.1 security release. Is there a way for those using this awesome html5 uploader to fully remove the flash components from XF? Or is it as easy as just removing the swfupload directory?
 
Back
Top Bottom