base-64 pdf tool

by velo_ninja

HTML

<!DOCTYPE html>
<html>
<head>
  <title>Multiple PDFs/Base64 to Zip</title>
  <style>
    body {
      font-family: Arial, sans-serif;
    }
    .container {
      max-width: 800px;
      margin: 0 auto;
      padding: 20px;
    }
    .file-selector {
      margin-bottom: 20px;
    }
    .base64-box {
      margin-bottom: 20px;
    }
    textarea {
      width: 100%;
      height: 100px;
      resize: none;
    }
    .btn {
      display: inline-block;
      padding: 10px 20px;
      background-color: #4CAF50;
      color: white;
      text-align: center;
      text-decoration: none;
      font-size: 16px;
      cursor: pointer;
      border: none;
      border-radius: 5px;
    }
    .btn:hover {
      background-color: #45a049;
    }
    .file-list {
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <div class="container">
    <div class="file-selector">
      <input type="file" id="pdfFile" accept=".pdf" multiple onchange="addFiles()">
    </div>
    <div class="file-list">
      <h3>Files in Bundle:</h3>
      <ul id="fileList"></ul>
    </div>
    <textarea id="additionalBase64" rows="5" cols="50" placeholder="Enter additional Base64 strings"></textarea>
    <button class="btn" onclick="addBase64()">Add Base64 Package</button>
    <div id="base64Boxes"></div>
    <button class="btn" onclick="bundleFiles()">Bundle All Files</button>
    <button class="btn" onclick="downloadZip()">Download Zip</button>
  </div>

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

    function addFiles() {
  var input = document.getElementById('pdfFile');
  var selectedFiles = input.files;

  for (var i = 0; i < selectedFiles.length; i++) {
    files.push(selectedFiles[i]);
  }

  updateFileList(); // Update file list after adding files
}

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