ImageUploaderFlash issues with ASP.NET UpdatePanel - Uploader turns into basic FileUpload Dialog if not initially visible

These uploaders are all initially, programmatically set to be invisible. They're inside the ContentTemplate tag of an Updatepanel. Something on the page triggers the partial postback to make the uploaders visible and then suddenly in FIREFOX (IE is fine) the uploaders are just regular FileDialog BROWSE buttons. Ew.

Actually there are 4 updatepanels, each with 1 uploder in them. If the page loads and even ONE of these uploaders are initially set to visible, then when I'm doing partial postbacks on other parts of the page and the uploaders are told to become visible, they're fine, but INITIALLY when the page loads if there are NO (zero) uploaders initially invisible, then when they're told to become visible, they're just fileupload boxes

It's as if an image uploader MUST exist on the initial page loading. If there isn't a single uploader visible, but a partial postback renders HTML that includes the uploader then it just becomes a regular upload button.

I managed a "workaround" where at the bottom of the page I put an ImageUploaderFlash control inside a DIV where the style="visibility: hidden" so that technically there is always at least one ImageUploaderFlash control rendered when the page loads.., that way when one of the other uploaders is made visible through a postback that udates the HTML, whatever is supposed to be initialized will already be initialized.

it's annoying, but it works.

I figured I would post it here for two reasons

1) Hopefully this will be fixed with a future release or maybe Aurigma knows something else I can do so I don't have to create this "dummy uploader".

2) If someone else runs into this problem, it will help.

In the future if I have to create a similar page I'll try using the JavaScript API. I'm worried that I'll run into the same problem though: This script being inside an updatepanel, the html/javacsript won't be rendered at all at first, but only visible on a partial postback within the page, so when whatever object the script is wrapped around (a div with a runat="server" property) becomes visible, then it's supposed to appear, it will just be a FileDialog control again

I would just go ALL javascript for the hiding and showing of things inside the page, but then I wouldn't be using the UpdatePanel control which is just so slick and easy to use.

Originally Posted by: Dmitri

Do you use ASP.NET controls?

The first thing I would suggest is to try to insert the uploader using a JavaScript API instead of the ASP.NET control. Like this:

Code:

  <script type="text/javascript" src="Scripts/aurigma.imageuploaderflash.js">  </script>
    <script type="text/javascript" src="Scripts/aurigma.htmluploader.control.js">  </script>
    <link rel="stylesheet" type="text/css" href="Scripts/css/aurigma.htmluploader.control.css" />
    <script type="text/javascript">
        var u = $au.imageUploaderFlash({
            id: 'Uploader1',
            width: '650px',
            height: '480px',
            licenseKey: 'XXXXX-XXXXX-XXXXX-XXXXX-XXXXX-XXXXXX',
            converters: [
                { mode: '*.*=SourceFile' }
            ], 
            uploadSettings: {
                actionUrl: 'Upload.aspx',
                redirectUrl: 'Catalog.aspx'
            }
        });
        
        u.writeHtml();
    </script>

Edited by user Wednesday, March 18, 2015 5:46:13 AM(UTC)  | Reason: Not specified