JSFiddle - React, Tailwind, and code Playground

by dshilkret

HTML

<input id="getFile" type="file"/><br />
<input id="displayFileName" type="text" value="Enter a unique filename name" /><br />
<input id="addFileButton" type="button" value="Upload" onclick="uploadDocu()"/>

<script>
var appWebUrl, appweburl, targetSiteUrl, hostUrl;

function uploadDocument() {

var params = document.URL.split("?")[1].split("&");
for (var i = 0; i < params.length; i = i + 1) {
    var param = params[i].split("=");
    switch (param[0]) {
    case "SPAppWebUrl":
        appWebUrl = decodeURIComponent(param[1]);
        appweburl = decodeURIComponent(param[1]);
        //alert(appWebUrl);
        break;
    case "SPHostUrl":
        targetSiteUrl = decodeURIComponent(param[1]);
        hostUrl = decodeURIComponent(param[1]);

        //alert(targetSiteUrl);
        break;
    }
}

if (!window.FileReader) {
    alert("This browser does not support the HTML5 File APIs");
    return;
}

var element = document.getElementById("uploadInput");
var file = element.files[0];
var parts = element.value.split("\\");
var fileName = parts[parts.length - 1];

var reader = new FileReader();
reader.onload = function(e) {
    addItem(e.target.result, fileName);
}
reader.onerror = function(e) {
    alert(e.target.error);
}
reader.readAsArrayBuffer(file);

function addItem(buffer, fileName) {
    alert('asdsasadsa');
    var call = uploadDocument(buffer, fileName);
    call.done(function(data, textStatus, jqXHR) {
        alert('call.done');
        alert(data.d);
        var call2 = getItem(data.d);
        call2.done(function(data, textStatus, jqXHR) {
            var item = data.d;
            updateItemFields(item);
        });
        call2.fail(function(jqXHR, textStatus, errorThrown) {
            failHandler(jqXHR, textStatus, errorThrown);
        });
    });
    call.fail(function(jqXHR, textStatus, errorThrown) {
        failHandler(jqXHR, textStatus, errorThrown);
    });
}

function uploadDocument(buffer, fileName) {

    var libraryName =...