JSFiddle - React, Tailwind, and code Playground

by Anand Chowdhary

HTML

<script src="https://unpkg.com/uppload@2.3.0/dist/browser.js"></script>
<link rel="stylesheet" href="https://unpkg.com/uppload@2.3.0/dist/uppload.css">
<link rel="stylesheet" href="https://unpkg.com/uppload@2.3.0/dist/themes/light.css">
<img class="uppload-image" alt="Picture" src="https://randomuser.me/api/portraits/women/19.jpg">
<br>
<button class="uppload-button">
Change profile picture
</button>

CSS

body {
  font-family: sans-serif;
}

JavaScript

var picture = new window.uppload_Uppload({
	call: ".uppload-button",
  bind: ".uppload-image",
  lang: window.uppload_en
});

picture.use(
  new window.uppload_Local(),
  new window.uppload_Instagram()
);