Comments on: File uploading with Dojo

By: Dirk

Dirk — Sun, 18 Jan 2009 23:33:54 +0000

Note: This article is not valid for the current version of dojo. If you are getting an error like

Could not load ‘dojo.io.*’; last tried ‘.io/*.js’
or
Could not load ‘dojo.io.IframeIO’; last tried ‘.io/IframeIO.js’

it’s because you’re using a later version of dojo.

For io with these versions, see this link:
http://www.dojotoolkit.org/book/dojo-porting-guide-0-4-x-0-9/io-transports-ajax
or
http://www.dojotoolkit.org/book/dojo-book-0-9/part-3-programmatic-dijit-and-dojo/ajax-transports/alternate-transports

By: Petruha

Petruha — Fri, 16 Mar 2007 11:06:21 +0000

Concurrent file upload problem!!!

Hi, everybody!

I’ve met strange problem using dojo to upload files. I have simple form with an input of type ‘file’, and using dojo.bind() to submit this form. It works perfect if I’m uploading a single file. But if I submit this form once, and right after that (don’t wait until the file is uploaded) select another file and submit the form again, I have next result: the first file is in fact uploaded, but second is not, and if after that I try to upload another file it fails as well without any notifications/errors.

I tried to investigate this issue using sniffer and found that browser stucks and does not send any data in such situation.

By: Nathan

Nathan — Tue, 27 Feb 2007 23:54:47 +0000

Hi Alex,

I’m having an interesting problem related to IFrameIO. When I have a input of type=”file” and do an upload via IframeIO I get strange rendering problems in Firefox 2. After any IFrameIO action is carried out, switching to other tabs in my tab container causes the entire browser screen to flash white as certain widgets are rendered.

I’ve narrowed it down to the presence of widgets created through script versus versus widgets defined in HTML markup in my test page. Only script created widgets cause the screen flash and it only happens in Firefox.

Thank you,
Nathan

By: lasizoillo

lasizoillo — Thu, 18 Jan 2007 11:42:40 +0000

Ticket info about 'text/javascript' bug.

By: MizardX

MizardX — Mon, 13 Nov 2006 09:07:29 +0000

To retrieve text from an iframe you have to specify minetype: text/plain in the request AND return html with an textarea in the response. Also, IFrameIO seem to ignore the handler-function, so always use load().

dojo.require(‘dojo.io.IFrameIO’);
…
dojo.io.bind({
   formNode: dojo.byId(‘myForm’),
    mimetype: ‘text/plain’,
    load: function(type, msg) {
        window.alert(‘Success: ‘ + msg);
    }
    error: function(type, err) {
        window.alert(‘Failure: ‘ + err.message);
    }
});
…

And then the resonse have to look something like:

Hello World!

If you specify mimetype: text/html you will get the document-object itself.

dojo.io.bind({

    formNode: dojo.byId( ‘myForm’ ),

    mimetype: ‘text/html’,

    load: function(type, doc) {

        window.alert( doc.getElementsByTagName( ‘textarea’ )[0].value );

    }
    error: function(type, err) {

        window.alert(‘Failure: ‘ + err.message);
    }

});

By: Ravindranath

Ravindranath — Tue, 31 Oct 2006 09:10:57 +0000

Hi All,
In Internet Explorer i could not able get all the style classes and fonts. Every time I login, I am getting errors as “This object cannot be loaded”. In my colleagues system it is showing all the syle classes related to it and fonts clearly. This problem didnt get resolved even if i reinstall my Internet Explorer. Can you please resolve this problem….
Thanks,
Ravindranath.

By: Troy

Troy — Wed, 20 Sep 2006 15:34:39 +0000

Great post Alex, thanks! Now I am wondering if anyone can shed some light on a debug error message that shows up. At first I thought it was a bug with my code but when I try http://download.dojotoolkit.org/release-0.3.1/dojo-0.3.1-ajax/tests/io/test_IframeIO.html I receive this:

DEBUG: Type: errorDEBUG: Response: [object Object]

Which I can faithfully reproduce with my own code

Oh, the file does get successfully uploaded.

By: Cakriwut

Cakriwut — Wed, 23 Aug 2006 16:47:07 +0000

I don’t think dojo can check file size. But, we can use small activeX instead.

By: Charles Palmer

Charles Palmer — Wed, 23 Aug 2006 09:30:51 +0000

Like many posting here, I had a great deal of trouble working out how to upload files. The documentation is not explicit enough. I’ve finally worked something out, and I have put the files I used on my website (though they don’t actually run from there – you’ll have to download them and install them on your own system). There is an HTML file and a PHP file.

I found that to get the upload working requires several things:

The form must contain these attributes: method=”post” enctype=”multipart/form-data”The script on the server must report that it is returning HTML – with php this is done as follows: header(‘Content-type: text/html’);The script then must return an HTML document, which contains a textarea. Place the actual message that you want delivered within the textarea.
If you don’t do this you’ll get an error of some sort, such as an “IFrameTransportError”, or error messages from dojo.

Gentle request to Dojo documenters – more live working examples please?

By: john

john — Sat, 19 Aug 2006 23:53:12 +0000

Can dojo check file size before uploading it?
Yes, it is always possbile to check on server side, but bandwidth
has been wasted.

By: Cakriwut

Cakriwut — Wed, 16 Aug 2006 09:27:44 +0000

How do you partially upload a large file? Suppose you have 50 MB file on dialup link. Can we do partiall upload? ADODB.Stream is not the answer, because it open IE security hole.

By: jonathan

jonathan — Mon, 07 Aug 2006 04:26:58 +0000

Hi, I tried to upload a multipart form with file and got an IFrameTransport error, however the file is uploaded correctly onto the server. any idea why?
Here’s my code:
[code]
function upload_file(formNode){

var bindArgs = {
url: "foo.php",
mimetype: "text/javascript",
error: function(type, errObj){
// handle error here
alert("error "+errObj.message);
},
load: function(type, data, evt){
// handle successful response here
alert("done");

},
formNode: formNode
};

// dispatch the request
var requestObj = dojo.io.bind(bindArgs);
}
[/code]

By: shahryar

shahryar — Mon, 12 Jun 2006 16:23:51 +0000

Hi,

I am trying to upload files … although I can easily get the response but the file upload does not work.

server side code (in PHP) is as folllows

header(‘Content-type: text/html’);

$uploadDir = ‘./’;
$uploadFile = $uploadDir.basename($_FILES['file_name']['name']);

if ( move_uploaded_file( $_FILES['file_name']['tmp_name'], $uploadFile) )
{
echo “”;
echo “”.$_FILES['file_name']['name'].” uploaded successfully….”;
echo “”;
}
else
{
echo “”;
echo “”.$_FILES['file_name']['name'].” could not be uploaded successfully….”;
echo “”;
}

client side is as follows

dojo.require(“dojo.io.*”);
dojo.require(“dojo.io.IframeIO”);

var ctr = 0;
var foo;

function sendIt(){
var bindArgs = {
formNode: document.getElementById(“uploadForm”),
mimetype: “text/html”,
content: {
increment: ctr++,
fileFields: “ul1″
},

handler: function(type, data, evt){
// handle successful response here
if(type == “error”)
{
alert(“Unknown error occurred.”);
}
else
{
res = dojo.byId(“dojoIoIframe”).contentWindow.document.getElementById(“output”).innerHTML;
alert(res);
}
// alert(data);
}
};
var request = dojo.io.bind(bindArgs);
}

When I run this code I get “[filename] could not be uploaded successfully….” error.

Please help me with this
thanks in advance.

By: JonathanAquino

JonathanAquino — Sun, 14 May 2006 06:06:04 +0000

Phillip – There’s a bug with text/plain (causing it to return undefined) but you can work around it by extracting the IFrame contents manually – http://trac.dojotoolkit.org/ticket/674

By: Phillip

Phillip — Tue, 09 May 2006 12:21:45 +0000

If I set dojo mimetype with text/plain it shows:
DEBUG: Type: load
DEBUG: Response: undefined

with text/javascript:
DEBUG: Type: error
DEBUG: Response: [object Object]

and in this case I don’t know what to do with the object