JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://angular-file-upload.appspot.com/js/ng-file-upload-shim.js"></script>
<script src="http://angular-file-upload.appspot.com/js/ng-file-upload.js"></script>
<div ng-app="fileUpload" ng-controller="AddPhotoCtrl">
        <div ngf-drop ngf-select
             ngf-change="addImages($files)"
             ngf-drag-over-class="{accept:'dragover', reject:'dragover-err', delay:100}" class="drop-box"
             ngf-multiple="false" ngf-allow-dir="true" ngf-accept="'image/*'"
             ngf-drop-available="dropAvailable">
            <button>Click here to select image</button>
            <div>
                <strong>OR</strong>
            </div>
            <div ng-show="dropAvailable">You can also drop image to here</div>
        </div>
    </div>

JavaScript

var app = angular.module('fileUpload', ['ngFileUpload']);

app.controller("AddPhotoCtrl", function ($scope) {

    

});