Dropzone.js – Att ladda upp filer kunde inte vara enklare

Här kommer ett litet tips på ett litet javascript bibliotek som gör det möjligt att busenkelt ladda upp filer med ”drag and drop”.

Börja med att inkludera filerna från en CDN (du kan självklart ladda hem filerna lokalt också):

https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.3.0/min/dropzone.min.js

Sedan behöver du bara skriva följande:

var Dropzone = require("dropzone");

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

Nu är allt färdigt! Du har nu en liten ”dropzone” som du kan dra filer till som sedan skickas till din form action.

Vill du veta mer så bara gå in på Dropzone.js’s hemsida och så kan du läsa vidare där om eventuella anpassningar.

John Dahlström