Question

I’m seeing a really strange behavior under DOJO 1.8.0. I’m trying to asynchronously upload a file. The file is uploading just fine and I’m getting the payload as expected, but when clicking the submit button the tags and everything in between is inexplicably deleted! It just vanishes. (NOTE: I’ve isolated this testing to a test page, so there’s nothing else at play that would account for it. You’re looking at the entirety of the code.)

require(['dojox/form/Uploader',
     "dojo/request/iframe",'dojo/dom','dojo/on',
     'dojox/form/uploader/plugins/IFrame', 'dojo/domReady!'],
    function(Uploader,iframe,dom,on){

    on(dom.byId("myButton"), "click", function(){
        iframe.post("UploadFile.php",{
            form: dom.byId("myForm"),
            handleAs: "json"
            }).then(function(data){
                console.log(data);
            }, function(err){}
    );
});


<form method="post" id="myForm" enctype="multipart/form-data" >
    <input name="uploadedfile" type="file" data-dojo-type="dojox.form.Uploader"
    label="Select Some Files" id="uploader" />

    <input id="myButton" type="button" value="Submit" />
</form>

Any ideas from anyone with DOJO 1.8 experience? I’ve been using /dojo/io/iframe just fine with versions 1.6 thru 1.7. This started happening only with 1.8 using the new /dojo/request/iframe code.

Answer 1

I took this issue to the DOJO-Interest group and it was found to be bug with DOJO 1.8.0. It’ll be fixed with the upcoming 1.8.1 release.

http://bugs.dojotoolkit.org/ticket/15939

From the bug report:

The form wasn’t getting “eaten”, but rather the position was getting set on it and moved out of the viewport because of some faulty logic to check if the form was in the DOM. This has been fixed and should be in 1.8.1.