The AwsmUploader allows you to easily add recordsdata of arbitrary measurement by drag-n-drop (constructed-in) or by way of feeding it with recordsdata from own resources (such as common file-inputs). It used to be built the use of plain JavaScript, HTML5 and PHP (that’s all it needs).
The AwsmUploader does now not require any of these: Flash, ActiveX, Chrome extensions, 3rd party libraries (e.g. jQuery, Dojo, MooTools, Modernizr), plug-ins of any sort, server-facet frameworks and so on.
View an absolutely running demo and the whole documentation right here.
Browser compatibility (as of July 2013)
Pc browsers Cell browsers Tested: Must paintings as per Function-detection, untested (visitthe demo with a corresponding device
to check out your self):
- Firefox 13+
- Chrome 20+
- Internet Explorer 10+
- Safari 7+ (examined on Mac OS X 10.9)
- Opera 12.10+
- iOS 6 Safari 6+ (iPad 2+, iPhone 3GS, 4+)
- Blackberry Browser
- Opera Mobile 14+
- Firefox for Android 22+
What’s so special about it then?
There are many solutions to that question. the most awesome are:
- Add arbitrary many files of arbitrary dimension. The AwsmUploader was once examined with 2 GB ISO-recordsdata. Works like a charm with low CPU utilization. The AwsmUploader does not care approximately PHP’s or other serverside limits.
- you still can set a filesize restrict or disallow the upload of positive recordsdata via delivering personal regexes.
- Upload by way of dragging recordsdata onto the component you distinctive as droppable area.
- Extremely wealthy information in line with document/for all recordsdata: Velocity meters (average and current speeds), stability time (eta), measurement and quota calculations in realtime, extra actual than to the second one.
- more than 25 interceptable occasions allow for utmost details.
- Supports quota control. Set a most add size to permit the AwsmUploader skip recordsdata before uploading them.
- Uses the HTML5-FileAPI to asynchronously and chew-smart add files. Add to different domains the usage of CORS-requests is supported to boot.
- Helps HTTP-401-challenged and preflighted requests: Use credentials to add to protected spaces.
- Mechanically renders and shops thumbnails of JPEG-, GIF- and PNG-pictures. Can show such a lot imagetypes in the browser by means of Information-URLs through the use of the built-at school BinaryDataCollector.
- you can modify the chew dimension for your needs and to be had bandwidth. The AwsmUploader can procedure as many recordsdata as you want it to in parallel.
- Uses queues internally. you can pause and abort (even record-smart) at any time. do not hesitate to keep on shedding recordsdata whilst the AwsmUploader is processing different recordsdata, it'll take care of
- The AwsmUploader is a fully impartial JavaScript magnificence. It doesn't need every other libraries like jQuery, Mootools or Dojo.
- A wealthy state control informs the user about each and every step in detail (current action, dimension of document, development, states, realtime usages, choice of information in step with queue etc.).
- Wealthy blunders and reaction control, bind your personal callbacks to that.
- Helper purposes for formatting document names and -size strings.
- Works effectively with the AwsmProgressBar.
That’s it?
in fact not. The AwsmUploader includes a lot more.
- The nested magnificence BinaryDataCollector lets in to gather the knowledge of dropped recordsdata. It used to be made to permit a preview of information (as Data-URL) in the browser when studying finished. the category is a part of the AwsmUploader-namespace and can be used externally in addition.
- The nested elegance FeatureDetection simply lets in to test for all wanted features. This elegance also is a part of the public namespace.
- enumerations were nested as well. One is an inventory with all registrable experience varieties, the other one is a list of accessible queue-varieties. they're used to register the correct handler for a particular adventure and to check the proper queue for main points. The 5 queues are: Dropped, Pending (information which might be studying or uploading on the moment), Finished, Aborted and Failed.
- The Personal magnificence AUFile represents one report that was formerly dropped onto the specified house. It has helpful strategies besides and is obtainable to the surface and given as argument to sure callbacks. The AUFile has its counterpart applied in PHP in addition.
- The AUFile contains AUFileChunks. Every chunk has helpful and specific properties and its own XMLHttpRequest. It is on the market via its AUFile. there may be a corresponding class in PHP in addition.
What’s in the bundle and what do i would like?
The bundle contains the stand-on my own and fully independent JavaScript elegance AwsmUploader and its aforementioned nested classes and enumerations. inside the bundle you're going to in finding the PHP-classes (requires PHP 5) AUFile and AUFileChunk and a controller to address those chew-wise uploads. The package deal additionally comprises a fully-carried out demo interface (similar to this one; with the AwsmProgressBar being replaced by way of a general progressbar). The bundled implementation will work out of the field! you are not required to configure anything on the serverside (however there are some choices you'll modify, after all).
As you see, the package deal being offered is rich and doesn't require you to put in force and layout your own interface, despite the fact that the delivered interface isn't part of the AwsmUploader (note that it makes use of jQuery/jQueryUI). You Wish To Have little to no knowledge in JavaScript to make it work and handiest PHP 5 in your server. Modern browsers are supported, together with Firefox 13+ and Chrome 20+. The Internet Explorer is supported beginning from version 10. Opera works from version 12.10 and more recent. The AwsmUploader can absolutely substitute your current add answer, while the discussed compatible browsers are used. Customers mentioned the AwsmUploader works at the iPad in addition. it's the one local answer for importing massive information on such units on account that Flash is not supported.
Updates, Enhancements & Fixes
nineteenth of July, 2013- JavaScript: BlobBuilder has been completely removed as the Blob and its Ctor are actually available in a move-browser approach. IE10 now supported.
- JavaScript: Removed superfluous strengthen for older variations of IE referring to event-(un-)binding and XDomainRequest; removed a few redundant purposes and simplified some others – the AwsmUploader gotten smaller about 5%
- JavaScript: Adapted the BinaryDataCollector to work with ArrayBuffers now
fifth of September, 2012
- Total: The AwsmUploader got more straightforward, you currently can feed it from different (own) sources than simply droppable spaces! Also, the coping with of very massive recordsdata were given better by instantly writing chunks to the ensuing report, no temporary information are used anymore. you'll be able to migrate to the new version flawlessly, both client- and serverside code are backwards-compatible (apart from the got rid of strategies)!
- JavaScript: Introduced the general public manner enqueueFileForUpload() to feed the AwsmUploader with recordsdata from arbitrary sources (e.g. document inputs, see up to date demo). The compatibility was greater by using ArrayBufferViews within the Blob-Constructor (for more recent browsers).
- PHP: The controller and the two classes modified, please seek advice from the documentation (may also be discovered within the demo) to see all adjustments. The API got easier and a few strategies were removed, the method writeFile() was delivered.
- JavaScript: Larger compatibility for the Blob-interface in older browsers.
- JavaScript: Minor improvements to use the Blob-interface, where available (as opposed to the BlobBuilder).
- JavaScript: Updated the category AwsmUploader.FeatureDetection to stumble on compatibility for the Blob-interface.
- PHP: the category AUFile now has its constants prefixed with ‘DEFAULT_’, as the ones purposes that use them now work with them as overridable default arguments. The documentation has been up to date to reflect all adjustments made.
FULL DOWNLOAD
No comments:
Post a Comment