de.hideout-lastation.com
Paradies Für Designer Und Entwickler


Uppy - Kostenloses ES5 / ES6 JavaScript-Datei-Upload-Plugin

Eine der kniffligsten Eingaben für das Design ist der Datei-Upload . Es hat einen Standard-HTML-Stil, aber es ist nicht das schönste Ding der Welt.

Uppy bringt Datei-Uploads auf eine ganz neue Ebene mit einer benutzerdefinierten Oberfläche und einem dynamischen Ajax- ähnlichen Ladeprozess .

Es läuft auf ES5 / ES6-Code, sodass Sie Ihre Web-Apps mit den neuesten JavaScript-Standards erstellen können. Und es unterstützt sogar Datei-Uploads von Cloud-Speicher-Sites wie Dropbox oder Google Drive, also ist es ein vielseitiges Datei-Upload-Skript für das Web.

Uppy ist komplett kostenlos und Open-Source, mit einem Repo auf GitHub. Der einfachste Weg, dieses Plugin zu installieren, ist jedoch über NPM oder Yarn, so dass Sie es wie ein echtes Paket ausführen können .

Sobald Sie die Dateien zu Ihrer Website hinzugefügt haben, fügen Sie einfach die Datei Uppy.js und den CSS-Code ein . Dann zielen Sie auf jedes gewünschte Eingabefeld und Uppy kümmert sich um den Rest.

Es hat eine einzigartige Schnittstelle, die wie eine große quadratische Platzierung aussieht, um Dateien per Drag & Drop zu ziehen. Sie können auch Elemente von Ihrer Festplatte auswählen oder Dateien aus externen URLs hochladen . Ziemlich verrückt!

Sie können den gesamten Setup-Prozess auf der Dokumentationsseite finden, aber es erfordert zumindest ein gewisses Verständnis von ECMAScript 6 . Diese Bibliothek befasst sich mit der Zukunft des Skripts und ist nicht die einfachste Methode, um mit reinem JavaScript zu arbeiten.

Aber wenn Sie es ernst meinen mit der Webentwicklung, dann lohnt es sich, ES6 trotzdem zu lernen. Sie können Unmengen an Ressourcen online finden, um sich selbst zu unterrichten, und Sie können sogar Uppy als Ihr erstes "echtes" Projekt zum Eintauchen und zum Lernen nutzen.

Schau dir das Dashboard-Beispiel an, um Uppy in Aktion zu sehen . Für diese Seite ist der Upload hinter einer Auslösetaste versteckt, wo Sie auf die Schaltfläche klicken, um ein modales Upload-Feld anzuzeigen.

Von dort aus können Sie auswählen, ob Sie ein Bild von Ihrem Computer, aus dem Internet oder sogar von Ihrer Webcam hochladen möchten!

Auf der Seite "Beispiele" finden Sie eine Auswahl, einschließlich eines Drag & Drop-Beispiels, sowie einer internationalisierten Demoseite .

Aber um wirklich zu lernen, wie das funktioniert, empfehle ich, die Dokumentation zu überfliegen und das Haupt-GitHub-Repo zu durchsuchen. Sie können Ihre Gedanken auch mit den YouTubern auf Twitter @transloadit teilen.

Wie Installieren von Windows Boot Camp ohne ein optisches Laufwerk

Wie Installieren von Windows Boot Camp ohne ein optisches Laufwerk

Anmerkung des Redakteurs: Zuvor veröffentlichten wir einen Artikel von Daniel Pataki über die Installation von Windows auf dem Mac, wenn alles andere fehlschlägt. Alvaro ist einer der vielen Leser, die einen Kommentar zu diesem Thema hinterlassen haben. Im Folgenden finden Sie seine Version, wie Sie Windows Boot Camp und damit Windows auf Ihrem Mac erhalten .Ic

(Tech- und Design-Tipps)

9 Möglichkeiten, mehr E-Commerce-Verkäufe mit Pinterest zu machen

9 Möglichkeiten, mehr E-Commerce-Verkäufe mit Pinterest zu machen

Bist du schon auf Pinterest? Wenn nicht, müssen Sie unbedingt an Bord gehen . Jeder, der dieses soziale Netzwerk genutzt hat, hat sich in ihn verliebt. Und dass "irgendjemand" keine kleine Zahl ist, es sei denn, Sie zählen eine Nutzerbasis von 150 Millionen als klein.Pinterest ist im Grunde eine Plattform für Benutzer, um interessante neue Interessen visuell zu teilen und zu entdecken, indem sie, wie es im Volksmund genannt wird, Videos oder Bilder an ihre eigenen Foren oder die von anderen posten oder "pinnen". D

(Tech- und Design-Tipps)