This forum is a community forum meant for users of the plugin to collaborate and help solve issues with implementation, etc. Unfortunately, as the creator of the plugin, I do not have much time to attend to every request here as this is only a side project and I must work a full-time job to provide for my family. This is how I keep the Flash version free and the HTML5 version low cost.
UploadiFive 1.1.1 has been released which includes a small fix for added support on touch devices including iOS 6 devices.
Setting display to none, and then to block breaks uploadify
  • wikiterrawikiterra
    Hi, first off this is way cool. I'm lovin' it.

    This problem is with the multi-file upload, and comes up in Firefox 2&3 (on Windows and Mac), Chrome (on Windows), Opera 9 (on Windows), and Safari (on Mac). It does not come up in IE6 or IE7. (I find that kind of ironic--that IE is the ONLY browser that doesn't have this problem...I haven't test IE8 though!)

    I'm building a page that has a few sections, where you first fill out a form and then go to upload files. I wanted users to be able to go back and edit the form if they need to, so I included a button that hides the div containing uploadify by setting display to none. When the user is done, there's another button to change it back, hiding the form and showing uploadify, by setting display to block.

    The problem is this:

    1. I select files to upload. The cancel button, upload link, and clear queue link all work.
    2. After leaving one or more files in the queue, but not uploaded, I go back to change the form (thereby setting the display to none on uploadify's containing div).
    3. I return to the uploadify section (setting the display back to block). At this point, any files that remain in the queue cannot be uploaded, canceled, or cleared from the queue. However, if I select more files to upload, the functionality remains intact for them. At that point, if I select upload, it uploads only the files I just added, leaving the previous ones there. The same goes for clearing the queue--the new ones get cleared, the old ones remain. The one exception is in Opera, where I'm able to add files, but the functionality if broken on them, too.

    I've confirmed that this isn't just the page I've created. In the demo on the uploadify website, I can use firebug to set the containing div to display:none and then back to display:block and the problem comes up there as well.

    Right now, my workaround is to not actually hide uploadify, but rather cover it up with the form using a higher z-index.
  • stefanaichholzerstefanaichholzer
    I have the exact same problem. Inject the images (uploads) into a layer, set that layer's display property to 'none' then back to 'block' and uploadify is dead, files in queue can't be removed, uploaded, nothing, however, newly added elements work fine. Been looking into the code, can't find a fix. Any ideas?
  • alex_qwealex_qwe
    Try using height and opacity , instead of hide, this way the element still will be there as untouched.
  • TravisN.TravisN.
    This isn't a bug with uploadify but rather when you hide a flash element, flash clears all of its internal variables. This means although the queue item still appears when you show the div again, the fileQueue no longer hold its file reference to the "queued" item.

    The amount of overhead to support hiding flash is significant. We essentially need to duplicate all the file queue handling inside js and then when the div is shown again re-establish the fileQueue in flash. Not only will this add a decent portion of extra code but, the extra processing will also slow down the responsiveness.

    Your best option is to set the height of the div to 0.
Add a Comment