base-64 zip

by velo_ninja

HTML

<!DOCTYPE html>
<html>
<head>
  <title>Multiple Base64 to Zip</title>
</head>
<body>
  <textarea id="base64Input" rows="5" cols="50" placeholder="Enter Base64 strings"></textarea>
  <button onclick="addBase64()">Add Base64 Package</button>
  <button onclick="downloadZip()">Download All as Zip</button>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.5.0/jszip.min.js"></script>
  <script>
    var base64Packages = [];

    function addBase64() {
      var base64Input = document.getElementById('base64Input').value.trim();
      if (base64Input) {
        base64Packages.push(base64Input);

        console.log('Base64 package added:', base64Input);
        document.getElementById('base64Input').value = ''; // Clear input after adding
      } else {
        alert('Please enter a Base64 string.');
      }
    }

    function downloadZip() {
      if (base64Packages.length > 0) {
        var zip = new JSZip();

        base64Packages.forEach(function(base64, index) {
          var fileName = 'base64_package_' + (index + 1) + '.txt';
          zip.file(fileName, base64);
        });

        zip.generateAsync({ type: 'blob' }).then(function(content) {
          // Trigger download of the zip file
          var link = document.createElement('a');
          link.href = URL.createObjectURL(content);
          link.download = 'base64_packages.zip';
          link.click();

          // Clean up
          URL.revokeObjectURL(link.href);
        });
      } else {
        alert('No Base64 packages added yet.');
      }
    }
  </script>
</body>
</html>