There’s been a long standing bug in Chrome not supporting DOM2 event binding on FileReader().

However you can use DOM0 event binding to get around in the mean time.

Uncaught TypeError: Object # has no method ‘addEventListener’

Great work! I was inspired by your drag and drop uploader so I rewrote it and optimized it to work also in chrome browser.

The demo is on:

http://www.ninja-scripts.com/demos/drag/

and the uploaded files:

http://www.ninja-scripts.com/demos/drag/files

Regards,
Nenad

I said similar because i pulled out the % loading thing because that shows the progress of the file being loaded into the browser, not the server and i put in a connection limit part with queueing.

Also i extended the delete/cancel function. users can delete uploaded files after upload completion, using a session variable so they won’t delete any files that they didn’t uploaded (security reasons)

Thanks so much for providing this demo. The code reads really well and is a great starting point I feel for many developers (including me) getting their head around the Drag and Drop capabilities.

Keep up the great work.

Yes I too came across DOM2 event handling not working on FileReader, I filed a bug a long time ago but it still hasn’t been fixed.

Haven’t come across your issue with readAsBinaryString not working. Do you have a testcase for this?

I tried many ways with $_POST, $_FILES and then finally file_get_contents(“php://input”). $_POST and file_get_contents(“php://input”) are returning some data which is not giveing proper result when sent to image tag in PHP as below
$file_data = file_get_contents(“php://input”);
print “”;

This is not useful for me until I store the posted data into server.

If anyone have got success with PHP. Please paste the code in this thread.

Thanks

Object # has no method ‘addEventListener’
on: /demo/drag-drop_upload/v2/:114

I think the latest File API don’t have addEventListener or something, but i’ve successfully implemented the same functionality using:

FileReader.onloadend = function(){};

and it works on chrome 12, FF4/5, and opera 11

the only problem that I have is with readAsBinaryString on file larger than 100KB, the onloadend seems to never called, even after waiting for 10 minutes (yupz, i actually waited for that long …. @__@)

as you might already know, i use readAsBinaryString for uploading to the server … but i never got a chance to upload anything, as everytime i try to readAsBinaryString it never ends … >.<

would really appreciate some help, tried googling this, but doesn't seem to be anything to help me …

in the meantime will try to slice the file for readAsBinaryString, it that's possible at all …

cheers

If you read the comments you’ll see I mention *many* times where to find server side help.