WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Loaders and Uploaders

The AwsmUploader: Unlimited Uploads w/o Flash!

— Add- On om WorldWideScripts.net

Abonneer u op onze feed om de hoogte te blijven!

Nieuw! Volg ons als u het wilt!


The AwsmUploader: Unlimited Uploads w/o Flash! - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

De AwsmUploader kunt u eenvoudig bestanden uploaden via drag-n-drop (ingebouwd) of door zich te voeden met bestanden uit eigen bronnen (zoals regelmatige file-ingangen). Het werd gebouwd met behulp van eenvoudige JavaScript, HTML5 en PHP (dat is alles wat het nodig heeft).
De AwsmUploader geen van deze vereisen: Flash, ActiveX, Chrome extensies, bibliotheken 3rd party (bijvoorbeeld jQuery, Dojo, MooTools, Modernizr), plug-ins van elk type, server-side frameworks etc.

Bekijk een volledig werkende demo en de hele documentatie hier.

Browser compatibiliteit (vanaf juli 2013)

Desktop browsers Mobiele browsers
Getest: Zou moeten werken als per Feature-detectie, ongeteste (bezoek
de demo met een overeenkomstige apparaat
om te controleren of jezelf):
  • Firefox 13+
  • Chrome 20+
  • Internet Explorer 10+
  • Safari 7+ (getest op Mac OS X 10.9)
  • Opera 12.10+
  • iOS 6 Safari 6+ (iPad 2+, iPhone 3GS, 4+)
  • Blackberry Browser
  • Opera Mobile 14+
  • Firefox voor Android 22+

Wat is er zo speciaal aan dan?

Er zijn vele antwoorden op die vraag. De meest ontzagwekkende zijn:

  • Upload willekeurige veel bestanden van willekeurige grootte. De AwsmUploader werd getest met 2 GB ISO-bestanden. Werkt als een charme met een lage CPU-gebruik. De AwsmUploader zich niet bekommert om PHP of andere serverside grenzen.
  • U kunt nog steeds een bestandsgrootte limiet in te stellen of verbieden het uploaden van bepaalde bestanden door het leveren van eigen reguliere expressies.
  • Uploaden door het slepen van bestanden op het element dat u hebt opgegeven als droppable gebied.
  • Zeer rijk statistieken per bestand / voor alle bestanden: Snelheid meter (gemiddelde en huidige snelheid), balans tijd (ETA), grootte en quota berekeningen in real-time, meer exacte dan naar de tweede.
  • Meer dan 25 aftapbaar gebeurtenissen zorgen voor uiterste details.
  • Ondersteunt beheer van de quota. Stel een maximum upload grootte te laten de AwsmUploader bestanden over te slaan voordat u ze uploaden.
  • Maakt gebruik van de HTML5-FileAPI asynchroon en chunk-wijs bestanden uploaden. Uploaden naar andere domeinen met behulp van CORS-verzoeken wordt ook ondersteund.
  • Ondersteunt HTTP-401-uitgedaagd en gepreflight verzoeken: Gebruik referenties uploaden naar beschermde gebieden.
  • Automatisch maakt en slaat miniaturen van JPEG-, GIF- en PNG-afbeeldingen. Kunnen de meeste imagetypes in de browser via data-URL's weer te geven met behulp van de ingebouwde klasse BinaryDataCollector.
  • U kunt de chunk grootte van uw behoeften en de beschikbare bandbreedte aan te passen. De AwsmUploader kan zoveel bestanden verwerken zoals u het wilt parallel.
  • Maakt gebruik van wachtrijen intern. U kunt pauzeren en af ​​te breken (ook file-wise) op elk gewenst moment. Aarzel niet om te blijven neerzetten van bestanden, terwijl de AwsmUploader is de verwerking van andere bestanden, zal het verzorgen ;)
  • De AwsmUploader is een volledig onafhankelijke JavaScript klasse. Het heeft geen andere bibliotheken, zoals jQuery, Mootools of Dojo nodig.
  • Een rijke state management informeert de gebruiker over elke stap in detail (huidige actie, de grootte van het bestand, de vooruitgang, staten, realtime toepassingen, het aantal bestanden per wachtrij etc.).
  • Rijke fout en reactie van het management, binden uw eigen callbacks naar dat.
  • Helper functies voor het opmaken van bestandsnamen en -grootte strijkers.
  • Werkt mooi met de AwsmProgressBar.

Dat is het?

Natuurlijk niet. De AwsmUploader omvat veel meer.

  • De geneste klasse BinaryDataCollector toelaat de gegevens van vallen bestanden te verzamelen. Het werd gemaakt om een voorbeeld van bestanden (zoals data-URL) mogelijk maken in de browser bij het ​​lezen afgewerkt. De klasse van de AwsmUploader-naamruimte en kan extern worden gebruikt ook.
  • De geneste klasse FeatureDetection gemakkelijk maakt om te controleren voor alle benodigde functies. Deze klasse is ook een deel van het publiek namespace.
  • Twee opsommingen werden ook genest. Een daarvan is een lijst met alle ingeschreven types evenement, de andere is een lijst met beschikbare wachtrij-types. Ze worden gebruikt om de juiste handler registreren voor een specifieke gebeurtenis en de juiste wachtrij controleren informatie. De vijf wachtrijen: Dropped, afwachting (bestanden die aan het lezen bent of uploaden op het moment), Voltooid, Aborted en mislukt.
  • De prive-klasse AUFile vertegenwoordigt één bestand dat vroeger werd neergezet op het aangewezen gebied. Het heeft bruikbare methoden zo goed en toegankelijk is voor de buitenkant en gegeven als argument om bepaalde callbacks. De AUFile heeft zijn tegenhanger geïmplementeerd in PHP ook.
  • De AUFile bestaat uit AUFileChunks. Elk blok heeft een nuttige en gedetailleerde eigenschappen en zijn eigen XMLHttpRequest. Het is toegankelijk via de AUFile. Er is een overeenkomstige klasse PHP ook.

Wat zit er in het pakket en wat heb ik nodig?

Het pakket omvat de stand-alone en volledig onafhankelijk JavaScript klasse AwsmUploader en zijn bovengenoemde geneste klassen en opsommingen. Binnen het pakket vindt u de PHP-klassen (vereist PHP 5) vinden AUFile en AUFileChunk en een controller om die brok-wijs upload verwerken. Het pakket bevat ook een volledig geïmplementeerd demo-interface (vergelijkbaar met deze, met de AwsmProgressBar wordt vervangen door een generieke voortgangsbalk).! De meegeleverde implementatie zal werken uit de doos U bent niet verplicht om iets te configureren op de serverside (maar er zijn een aantal opties die u kunt aanpassen, natuurlijk).

Zoals je ziet, het pakket wordt aangeboden is rijk en vereist niet dat u te implementeren en ontwerp je eigen interface, hoewel de geleverde interface is geen onderdeel van de AwsmUploader (merk op dat het gebruik maakt van jQuery / jQueryUI). Je nodig hebt weinig tot geen kennis in JavaScript te laten werken en alleen PHP 5 op uw server. Moderne browsers worden ondersteund, waaronder Firefox en Chrome 13+ 20+. Internet Explorer wordt ondersteund beginnend vanaf versie 10. Opera werkt vanaf versie 12.10 en nieuwer. De AwsmUploader kan volledig vervangen van uw bestaande uploaden oplossing, wanneer de genoemde compatibele browsers worden gebruikt. Klanten meldde de AwsmUploader werkt op de iPad ook. Het is de enige inheemse oplossing voor het uploaden van grote bestanden op dergelijke apparaten omdat Flash niet wordt ondersteund.

Updates, Verbeteringen & Fixes

19 juli 2013
  • JavaScript: BlobBuilder is volledig verwijderd als de Blob en zijn CTOR zijn nu beschikbaar in een cross-browser manier IE10 nu ondersteund..
  • JavaScript: Verwijderd overbodig ondersteuning voor oudere versies van IE met betrekking event- (on-) bindend en XDomainRequest; verwijderd enkele overbodige functies en vereenvoudigd enkele anderen - de AwsmUploader gekrompen ongeveer 5% ;)
  • JavaScript: Aangepast de BinaryDataCollector om te werken met ArrayBuffers nu

5 september 2012

  • Algemeen: De AwsmUploader nog eenvoudiger, kunt u nu het voeden van andere (eigen) bronnen dan alleen droppable gebieden! Ook de behandeling van zeer grote bestanden beter werd door onmiddellijk schriftelijk brokken aan het resulterende bestand, worden er geen tijdelijke bestanden niet meer gebruikt. U kunt migreren naar de nieuwe versie feilloos, zowel client- en serverside code zijn backwards-compatible (behalve de verwijderde methoden)!
  • JavaScript: Toegevoegd de openbare methode enqueueFileForUpload() om de AwsmUploader voeden met bestanden van willekeurige bronnen (bv file ingangen, zie bijgewerkt demo ). De compatibiliteit werd verhoogd door gebruik ArrayBufferViews in de Blob-Constructor (voor nieuwere browsers).
  • PHP: De controller en de twee klassen veranderd, verwijzen wij u naar de documentatie (te vinden in de demo) om alle wijzigingen te zien. De API nog eenvoudiger wordt en sommige werden verwijderd, de methode WriteFile () toegevoegd.
18 juli 2012
  • JavaScript: Verhoogde compatibiliteit voor de Blob -interface in oudere browsers.
14 juli 2012
  • JavaScript: Kleine verbeteringen aan de Blob-interface van, indien beschikbaar (in plaats van de BlobBuilder) gebruiken.
  • JavaScript: Bijgewerkte de klasse AwsmUploader.FeatureDetection om compatibiliteit te detecteren voor de Blob-interface.
  • PHP: De klasse AUFile heeft nu zijn constanten voorvoegsel 'DEFAULT_', zoals de functies die ze gebruiken nu met hen werken als Overridable standaard argumenten. De documentatie is bijgewerkt om alle wijzigingen te weerspiegelen.

Downloaden
Andere onderdelen in deze categorieAlle onderdelen van deze auteur
OpmerkingenVeelgestelde vragen en antwoorden

Eigenschappen

Gemaakt:
13 juli 12

Laatste Update:
20 januari 15

hoge resolutie:
Ja

compatibele browsers:
IE10, Firefox, Safari, Opera, Chrome

Bestanden Inbegrepen:
JavaScript JS, HTML, CSS, PHP

Trefwoorden

eCommerce, Alle artikelen, ajax, brok, slepen en neerzetten, bestand api, het uploaden van bestanden, html5, javascript, meerdere bestanden uploaden, quotum, snelheid meter, onbeperkt, uploaden, upload vooruitgang