JSFiddle - React, Tailwind, and code Playground

by galvakojis

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jsencrypt/2.3.1/jsencrypt.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/asmCrypto/0.0.11/asmcrypto.js"></script>
<div>
  <input type="file" multiple id="fileLoader" name="files" title="Load File" />
  <input type="button" id="btnOpenFileDialog" value = "Click Me !!!" onclick="openfileDialog();" />
  <input type="button" id="decrypt" value = "Decrypt chunk" onclick="password();" />
    <input type="button" id="navigator" value = "navi" onclick="navigator();" />

</div>
<br>

<div id="link"></div>

CSS

/* #fileLoader
{
    display:none;
} */

JavaScript

function openfileDialog() {
  $("#fileLoader").click();
}

function password() {
	$("#decrypt").click(
  	function () {
   		console.log('asda');
  });
  
  
    var photo_chunk_psw ="Jishjyaxdi1hNJD+t7I+oM0gIR8s6eXoskTAOrTESntsUNh7KnUgiMxdcsPf48hKB+ZP0GiuR1a4/LOVOtS/UL6SO3hgvzngREAtWCT99xSzGxF2Kqp8ZK7OvH00FZz4hlporb+xnAIt0SksyFeE2OXaDkyld8ETOdZDSHehKTg="

    var chunk_psw = "HCqc5jv+EPjYQu5KJyes/56UC25RmLILz1OXyDS7QVZGOExzwXpq5Wt9/q+DS+TOr4JZE7xBe4kT97BfAYhvgEu/aEfGGvxq0+i6CHW/CtUt+3RXK/H4WJWDhiRN7tWl0/DWwLB8jW1nR44lhlveI7DSNUi7du/hMJnqH+6V6sQ=";
    var priv_key = "MIICWwIBAAKBgQCrWB9stMTPzzzsuEtg0JpkPChhyrokr5Veh4V9D13w31TNtMLysRQ1mDUtL4OyA5r4MhDdvAhakn5ayiQztY0k3oaxctZgX4POIaEJ4ROLmtgzC1mwE4jFVqbrq8+x7ovkbjQD5CpxQKIDYHhX/ZklePJpaVb8zrWAeUeRZF0JtQIDAQABAoGAKy2KxbcL/Z4oqTKL9Dq9HVM3jeUrYUFJ78dQ8UHlF2UAFtJdahELmbHgfKGDm2FjNPZQ37+Zj1FpO/HCi7FNfrk9TC/SY4Vd5BCqcCpFI6xd9cSWOjYfpEOCs9OeSev0xI86tscyvy9ylCmFrO3bsnXL7xWHH6KgZsjyqSH4bCECQQDzmvSheLswujwCg7ySjZlFlFORvoKW64Ky3CrwCLepMItCn+358b2dGQ4cbD5lCetlZ+0EsLnraTC1+myCwf6NAkEAtA/xAg+rawCrnLY1AW6Gf/XycJmhddO9k4wjjDvU7NHQnxaO0xX1OITzCDc3iSRHtakSRAgxx1FvoK452CwhyQJAPy7DoFXWB09mXSiZ8lDzng5YloaZDFfNMGLWaCd6q1FB7WfZq2g9y89Bz7FrhX1LJqQL35mOvzYrQifPmSKDyQJAMFV3JE6AfSCY8GAYqmG4yPCEO6WBqddEtC6R/DqzVT6c+Zdcj1z9jkZh1nq79Zw/g4v20zw/4HkDteYOsPBnwQJAV3R3pSX5Qx+yh3aVfzd5gQHZCg2B1yaMentHRsHxfBSOgM1lYTOOCJcXkl64XxWkDYv7gXr5vKNW4a5mPBz6GQ=="

    var chooseFile = document.getElementById('fileLoader');
    var file = chooseFile.files[0];
    var options = {};
    if(options.type === undefined) options.type = "Text"
    if(options.chunkSize === undefined) options.chunkSize = 64000

    var offset = 0;

    var onLoadHandler = function(evt) {
        if(evt.target.error !== null) {
            console.error('error', evt.target.error)
            return;
        }

        var data = evt.target.result;

        offset += options.chunkSize;
        console.log(data);
        if (offset >= file.size) {
            var password =...