JSFiddle - React, Tailwind, and code Playground

by baivong

HTML

<link rel="stylesheet" href="https://rawgit.com/baivong/zzimgur/master/source/zzImgUr.min.css">
<script src="https://rawgit.com/baivong/zzimgur/master/source/zzImgUr.min.js"></script>
<div class="upload"></div>

JavaScript

$(".upload").zzImgUr({
    cliendID: "661e33f76b52bdb",
    mode: "file",
    format: "o,",
    css: {
        width: "100%"
    },
    max: 10,
    loading: "http://i.imgur.com/m3NXDa6.gif",
    lang: {
        noID: "Ứng dụng chưa đăng ký",
        addImage: "Chọn ảnh",
        addURL: "Thêm URL",
        reset: "Làm mới",
        upload: "Tải lên",
        choose: "Đã chọn",
        waitConnect: "Đang kết nối...",
        waitUpload: "Đang tải lên...",
        noteURL: "Nhập URL ảnh vào đây:",
        errContact: '<a href="http://devs.forumvi.com/t131-jq-plugin-jquery-plugin-zzimgur#831" rel="nofollow" target="_blank">Nhấn vào đây</a> để báo lỗi.',
        errURL: "URL không truy cập được.",
        errSize: "URL lỗi hoặc kích thước quá nhỏ.",
        errRepeat: "URL không hợp lệ hoặc đã được sử dụng."
    },
    success: function (firstVal, arrVal) {
        console.log(firstVal);
        console.log(arrVal);
    },
    input: function (arrInput) {
        console.log(arrInput);
        arrInput.click(function () {
            this.select();
            console.log(this);
        });
    },
    remove: function (firstVal, arrVal) {
        console.log(firstVal);
        console.log(arrVal);
    }
});