Upload'em JS
ABOUT
This script was designed to upload files to a server via XHR (yeah, via AJAX, so no page reloading).
REQUIREMENTS
+ A server running a HTTP Server with PHP (usually Apache);
+ A javascript enabled browser with FileReader support: Firefox 3.6+, Google Chrome 7+, Internet Explorer 10, Opera* 11.10+
* Opera has partial support, so I expect some bugs.
FEATURES
+ Upload files via XHR (Ajax);
+ Drag&Drop capability;
+ Progress bar Progress status;
+ Cancel running uploads;
+ Delete finished uploads;
+ Unobtrusive;
+ Limit simultaneous connections
+ Queue uploads
+ No javascript framework (like jQuery) is needed;
+ Binary support (through base64 encoding/decoding);
+ Filtering by file size or data type (partial support).
OPEN BETA PHASE
This script is currently in open beta phase so you might find some bugs.
There is also room for impovements for this WebApp so don't be a stranger.
USAGE
1. Open uploadem.php in a text editor and change the $location variable.
2. Upload the files to your web site.
3. Link the CSS and JS to your web page and insert the Upload'em elements in your page content. You should have something like this:
<html>
<head>
<title>Upload'em JS</title>
<link rel="stylesheet" href="uploadem.css" type="text/css" />
<script type="text/javascript" src="uploadem.js"></script>
</head>
<body>
<div>
some content
<div id="uploadem">
<p>Drag and Drop Files Here</p>
<input type="files" multiple id="uploadem_input" />
</div>
<ul id="uploadem-listing"></ul>
some more content
</div>
</body>
</html>
DEMO http://www.webpixies.net/demos/uploadem_js/
1 year ago
I will look into it this weekend. Still, I am using e modified version of it right here: www.coldgirls.net
1 year ago
Hey, take it. It's working! http://depositfiles.com/files/k7daw7rq9 But it partially translated into Russian.
1 year ago
Admins, look at uploads folder. Images are not images. :(
1 year ago
Too many errors. I fixed them, but it can't work. Client generates wrong base64, I think...
1 year ago
The file is uploaded but it is not an imagefile. I can open it with Photoshop when I download it back but I can't make it visible in the browser...
1 year ago
the project has been re-uploaded
fixed addEventListener error in Chrome
1 year ago
@belzebit: please be more explicit
@fabrice meuwisse: indeed i came up too with a problem on chrome. i will fix the bug as soon as posible.
1 year ago
the example file is incomplete or wrong
1 year ago
doesn't work with chrome 13