• Dein Produkt auf beyond.lol
  • Kontakt
  • Kontakt
  • IP
  • Impressum
  • Datenschutz
Samstag, Dezember 2, 2023
  • Login
beyond.lol
ADVERTISEMENT
  • Software
    • Open Source
  • Hardware
  • Tutorials
    • Web
    • Linux
    • Windows
    • Gaming
    • PHP
    • Raspberry Pi
  • Crypto-Welt
    • Altcoins
    • Bitcoin
    • Ethereum
    • Mining
    • Press Releases
  • Scripts
    • BASH
    • PowerShell
  • Lustiges aus der IT
    • Spamantworten
  • Gaming
  • and More
    • Dein Produkt auf beyond.lol
    • Kontakt
    • Impressum
    • Datenschutz
    • Tools
      • Wie ist meine IP?
No Result
View All Result
  • Software
    • Open Source
  • Hardware
  • Tutorials
    • Web
    • Linux
    • Windows
    • Gaming
    • PHP
    • Raspberry Pi
  • Crypto-Welt
    • Altcoins
    • Bitcoin
    • Ethereum
    • Mining
    • Press Releases
  • Scripts
    • BASH
    • PowerShell
  • Lustiges aus der IT
    • Spamantworten
  • Gaming
  • and More
    • Dein Produkt auf beyond.lol
    • Kontakt
    • Impressum
    • Datenschutz
    • Tools
      • Wie ist meine IP?
No Result
View All Result
beyond.lol
No Result
View All Result

DropZoneJS – Drag n Drop FileUpload

Jakob by Jakob
November 15, 2022
in Web, Open Source, Tutorials
Reading Time: 2 mins read
6
A A
0
Dropzonejs
1
SHARES
62
VIEWS
Auf Facebook teilenAuf Twitter teilenAuf Whatsapp teilen
ADVERTISEMENT

Heute wollen wir für alle Webentwickler mal ein kleines aber doch recht cooles Tool vorstellen: DropZoneJS – FileUpload via Drag n Drop. DropzoneJS ist ein schlanker aber einfach zu integrierender Drag n Drop Uploader für Files. Das Tool bietet sogar Vorschaubilder beim Upload – Richtig Cool.

Eine Demo wie DropZoneJS funktioniert seht Ihr am schnellsten auf deren Webseite dropzonejs.com.

Aber auch die Integration ist sehr simpel. Mit folgenden beiden Links im Head-Bereich unserer Seite wird DropZoneJS integriert:

<script src="https://rawgit.com/enyo/dropzone/master/dist/dropzone.js"></script>
<link rel="stylesheet" href="https://rawgit.com/enyo/dropzone/master/dist/dropzone.css">

Anschliessend kann DropzoneJS in ein Formular integriert werden. Ein Beispiel haben wir euch mal aufgezeigt:

<form action="/file-upload"
      class="dropzone"
      id="my-awesome-dropzone"></form>

Wichtig dabei ist, das die Klasse dropzone heisst. Ist das .js File korrekt eingebunden, erscheint in unserem Formular ein Bereich in welchen wir unsere Files hineinziehen können und diese werden dann an file-upload zur weiteren Verarbeitung weitergereicht.

DropZoneJS – FileUpload via Drag n Drop
Demo des DropZoneJS File Uploaders

Grundsätzlich wars das auch schon. Natürlich könnt Ihr DropzoneJS voll und ganz auf Eure Bedürfnisse anpassen, sei dies um mehrere Files parallel hochzuladen oder einfach mittels CSS noch etwas umgestalten. Alle möglichen Konfigurationsmöglichkeiten könnt Ihr aus folgender URL auslesen: dropzonejs.com/#configuration-options.

Schauts Euch mal an und viel Spass mit dem DropZoneJS – Drag n Drop FileUpload.

Previous Post

Installation von Docker auf Ubuntu 20

Next Post

Gelöschte AD Objekte und User / Benutzer wiederherstellen

Jakob

Jakob

Schreibe einen Kommentar Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Instagram

Folg uns jetzt auf Instagram

  • Lieber einen Böller weniger zünden, dafür die Finger behalten. Guten Rutsch!
-
-
-
-
#silvester #neujahr #böller #informatik #tippe #schreiben #informatik #it #edv #technik #beyond #beyond.lol #itblog #blog #finger #feuerwerk #fingerweg #verletzt #aua #feuer #10fingersystem #tippen #indietastenhauen #rutschen #rakete #schwarzpulver #vorsicht #2023 #2022 #gutenrutsch
  • Wir wünschen euch frohe Festtage und lasst es euch gut gehen!
_
_
_
_
#beyond #beyond.lol #blog #itblog #weihnachten #geschenke #eltern #probleme #itprobleme #edv #informatik #it #data #xams #christmas #happy #kinderleinkommetundrepariertmeinhandy #kinder
  • Wir haben da mal so eine Frage ... Wieso versteht kein Informatiker mehr die Grundfunktionen eines DNS? Lernt Ihr das nicht mehr in der Schule?

man dig ;-)

-
-
-
-
#dns #ausbildung #telefonbuch #domainnameserver #linux #windows #dig #nameserver #ns #it #informatik #edv #digitalisierung #hosting #web #agentur #beyond #beyond.lol #itblog #blog #wieso #lernen #schule #lehre #lehrer #informatikausbildung #bitte #bilden #bildung #nameserver
ADVERTISEMENT
  • Dein Produkt auf beyond.lol
  • Kontakt
  • Kontakt
  • IP
  • Impressum
  • Datenschutz
Bloggerei.de - Bewertung für beyond.lol

© 2023 beyond.lol - IT, Crypto & more beyond.lol.

No Result
View All Result
  • Software
    • Open Source
  • Hardware
  • Tutorials
    • Web
    • Linux
    • Windows
    • Gaming
    • PHP
    • Raspberry Pi
  • Crypto-Welt
    • Altcoins
    • Bitcoin
    • Ethereum
    • Mining
    • Press Releases
  • Scripts
    • BASH
    • PowerShell
  • Lustiges aus der IT
    • Spamantworten
  • Gaming
  • and More
    • Dein Produkt auf beyond.lol
    • Kontakt
    • Impressum
    • Datenschutz
    • Tools
      • Wie ist meine IP?

© 2023 beyond.lol - IT, Crypto & more beyond.lol.

Welcome Back!

Login to your account below

Forgotten Password?

Retrieve your password

Please enter your username or email address to reset your password.

Log In

Add New Playlist

Zur mobilen Version gehen