API tools faq
paste
Advertisement
Thunder-Menu

PakFile.html

Thunder-Menu
Aug 18th, 2023
972
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 20.34 KB | Source Code | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>Compression et Compressor de Fichiers</title>
  7.     <script src="https://cdnjs.cloudflare.com/ajax/libs/pako/2.0.3/pako.min.js"></script>
  8.     <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.5/jszip.min.js"></script>
  9. </head>
  10. <body>
  11. <!--
  12. <h1>Compression et Compressor de Fichiers</h1>
  13. -->
  14. <div id="modal-overlay">
  15.     <div id="modal">
  16.         <!-- Mettez le contenu de votre fenêtre modale ici -->
  17.     </div>
  18. </div>
  19.  
  20.     <select id="operationSelect">
  21.         <option value="pakobest" selected>best compresser</option>
  22.         <option value="compress">Compresser</option>
  23.         <option value="encode">Encodage</option>
  24.         <option value="decode">Décodage</option>
  25.     </select>
  26.  
  27.     <div id="compressSection" style="display: none;">
  28.         <h2>Compression de Fichiers</h2>
  29.         <input type="file" id="fileInput" multiple>
  30.         <br>
  31.         <button id="compressButton" disabled>Compresser et Enregistrer</button>
  32.     </div>
  33.  
  34.     <div id="encodeSection" style="display: none;">
  35.         <h2>Générateur de Motif de Carrés - Encodage</h2>
  36.         <input type="file" id="encodeFileInput" style="display: none;">
  37.         <br>
  38.         <button id="loadButton">Sélectionner un fichier</button>
  39.         <br>
  40.         <button id="generateButton" disabled>Générer</button>
  41.         <br>
  42.         <button id="saveButton" disabled>Enregistrer le motif</button>
  43.         <br>
  44.         <textarea id="textBox" rows="10" cols="50"></textarea>
  45.         <br>
  46.         <div id="encodePictureBox"></div>
  47.     </div>
  48.  
  49.     <div id="decodeSection" style="display: none;">
  50.         <h2>Générateur de Motif de Carrés - Décodage</h2>
  51.         <input type="file" id="decodeFileInput" class="button">
  52.         <br>
  53.         <button id="decodeGenerateButton" class="button" disabled>Générer</button>
  54.         <br>
  55.         <button id="decodeSaveButton" class="button" style="display: none;">Enregistrer</button>
  56.         <br>
  57.         <textarea id="decodeTextBox" rows="10" cols="50" style="margin-top: 20px;" readonly></textarea>
  58.         <br>
  59.         <canvas id="decodePictureBox"></canvas>
  60.     </div>
  61.  
  62.     <div id="fileCompressorSection" style="display: none;">
  63.         <h2>File Compressor</h2>
  64.         <select id="fileComboBox" size="10"></select>
  65.         <br>
  66.         <button onclick="addFilesToComboBox()">Choisir des fichiers</button>
  67.         <br>
  68.         <input type="file" id="folderInput" multiple directory="" webkitdirectory="" style="display: none;" onchange="addFoldersToComboBox()">
  69.         <button onclick="document.getElementById('folderInput').click()">Choisir un dossier</button>
  70.         <br>
  71.         <button onclick="clearSelectedItems()">Effacer</button>
  72.         <br>
  73.         <button onclick="compressAndSave()">Compresser et Enregistrer</button>
  74.         <br>
  75.         <select id="compressionComboBox">
  76.             <option value="best">Best</option>
  77.             <option value="store">Store</option>
  78.             <option value="normal">Normal</option>
  79.             <option value="maximum">Maximum</option>
  80.         </select>
  81.         <br>
  82.         <select id="extensionComboBox">
  83.             <option value="zip">.zip</option>
  84.             <option value="rar">.rar</option>
  85.             <option value="iso">.iso</option>
  86.         </select>
  87.     </div>
  88.  
  89.     <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  90.  
  91.     <script>
  92.  
  93.     // Gestionnaire d'événement pour le bouton de chargement de fichier d'encodage
  94.     const encodeFileInput = document.getElementById("encodeFileInput");
  95.     const loadButton = document.getElementById("loadButton");
  96.  
  97.     loadButton.addEventListener("click", function () {
  98.         encodeFileInput.click();
  99.     });
  100.  
  101.     // Gestionnaire d'événement pour le chargement du fichier d'encodage
  102.     encodeFileInput.addEventListener("change", function (e) {
  103.         if (e.target.files.length > 0) {
  104.             const file = e.target.files[0];
  105.             const reader = new FileReader();
  106.             reader.onload = function (event) {
  107.                 // Convertir les données du fichier en binaire
  108.                 const arrayBuffer = event.target.result;
  109.                 const byteArray = new Uint8Array(arrayBuffer);
  110.                 let binaryText = "";
  111.                 byteArray.forEach(function (byte) {
  112.                     binaryText += byte.toString(2).padStart(8, "0");
  113.                 });
  114.  
  115.                 // Afficher le texte binaire dans la zone de texte
  116.                 const textBox = document.getElementById("textBox");
  117.                 textBox.value = binaryText;
  118.                 generateButton.disabled = false;
  119.             };
  120.             reader.readAsArrayBuffer(file);
  121.         }
  122.     });
  123.  
  124.     // Gestionnaire d'événement pour le bouton de génération de motif d'encodage
  125.     const generateButton = document.getElementById("generateButton");
  126.  
  127.     generateButton.addEventListener("click", function () {
  128.         const binaryText = textBox.value;
  129.         const imageSize = Math.ceil(Math.sqrt(binaryText.length));
  130.         const bitmap = new ImageData(imageSize, imageSize);
  131.  
  132.         for (let i = 0; i < binaryText.length; i++) {
  133.            const x = i % imageSize;
  134.            const y = Math.floor(i / imageSize);
  135.            const color = binaryText[i] === "1" ? [0, 0, 0, 255] : [255, 255, 255, 255];
  136.            const index = (x + y * imageSize) * 4;
  137.            bitmap.data[index] = color[0];
  138.            bitmap.data[index + 1] = color[1];
  139.            bitmap.data[index + 2] = color[2];
  140.            bitmap.data[index + 3] = color[3];
  141.        }
  142.  
  143.        // Créer un élément canvas pour afficher le motif généré
  144.        const canvas = document.createElement("canvas");
  145.        canvas.width = imageSize;
  146.        canvas.height = imageSize;
  147.        const context = canvas.getContext("2d");
  148.        context.putImageData(bitmap, 0, 0);
  149.  
  150.        // Afficher le motif généré dans la section d'encodage
  151.        const encodePictureBox = document.getElementById("encodePictureBox");
  152.        encodePictureBox.innerHTML = "";
  153.        encodePictureBox.appendChild(canvas);
  154.        saveButton.disabled = false;
  155.    });
  157.    // Gestionnaire d'événement pour le bouton d'enregistrement du motif d'encodage
  158.    const saveButton = document.getElementById("saveButton");
  159.  
  160.    saveButton.addEventListener("click", function () {
  161.        const canvas = encodePictureBox.querySelector("canvas");
  162.        const image = canvas.toDataURL("image/bmp").replace("image/bmp", "image/octet-stream");
  163.        const a = document.createElement("a");
  164.        const fileName = prompt("Entrez le nom du fichier BMP :", "motif.bmp") || "motif.bmp";
  165.        a.href = image;
  166.        a.download = fileName;
  167.        document.body.appendChild(a);
  168.        a.click();
  169.        document.body.removeChild(a);
  170.    });
  171.  
  172.    // Gestionnaire d'événement pour le chargement du fichier de décodage
  173.    const decodeFileInput = document.getElementById("decodeFileInput");
  174.    const decodeGenerateButton = document.getElementById("decodeGenerateButton");
  175.    const decodeSaveButton = document.getElementById("decodeSaveButton");
  176.    const decodePictureBox = document.getElementById("decodePictureBox");
  177.    const decodeTextBox = document.getElementById("decodeTextBox");
  178.    const decodeCanvas = decodePictureBox.getContext("2d");
  179.    let loadedBitmap = null;
  180.    let binaryText = "";
  182.    decodeFileInput.addEventListener("change", (event) => {
  183.         const file = event.target.files[0];
  184.         if (file) {
  185.             const reader = new FileReader();
  186.             reader.onload = (e) => {
  187.                 const image = new Image();
  188.                 image.src = e.target.result;
  189.                 image.onload = () => {
  190.                     decodePictureBox.width = image.width;
  191.                     decodePictureBox.height = image.height;
  192.                     decodeCanvas.drawImage(image, 0, 0);
  193.                     loadedBitmap = image;
  194.                     decodeGenerateButton.disabled = false;
  195.                 };
  196.             };
  197.             reader.readAsDataURL(file);
  198.         }
  199.     });
  200.  
  201.     decodeGenerateButton.addEventListener("click", () => {
  202.         if (!loadedBitmap) {
  203.             alert("Veuillez charger une image d'abord.");
  204.             return;
  205.         }
  206.  
  207.         const imageData = decodeCanvas.getImageData(0, 0, decodePictureBox.width, decodePictureBox.height);
  208.         binaryText = generateBinaryPattern(imageData);
  209.         decodeTextBox.value = binaryText;
  210.         decodeSaveButton.style.display = "block";
  211.     });
  212.  
  213.     decodeSaveButton.addEventListener("click", () => {
  214.         if (!binaryText.trim()) {
  215.             alert("Le contenu du TextBox est vide. Veuillez générer le motif d'abord.");
  216.             return;
  217.         }
  218.  
  219.         const binaryBytes = convertBinaryTextToBytes(binaryText);
  220.         const blob = new Blob([binaryBytes], { type: "application/zip" });
  221.         const a = document.createElement("a");
  222.         const fileName = prompt("Entrez le nom du fichier ZIP :") || "binary_pattern.zip";
  223.         a.href = URL.createObjectURL(blob);
  224.         a.download = fileName;
  225.         document.body.appendChild(a);
  226.         a.click();
  227.         document.body.removeChild(a);
  228.         URL.revokeObjectURL(a.href);
  229.     });
  230.  
  231.             function generateBinaryPattern(imageData) {
  232.                 const threshold = 128;
  233.                 let binaryText = "";
  234.  
  235.                 for (let y = 0; y < imageData.height; y++) {
  236.                    for (let x = 0; x < imageData.width; x++) {
  237.                        const index = (y * imageData.width + x) * 4;
  238.                        const r = imageData.data[index];
  239.                        const g = imageData.data[index + 1];
  240.                        const b = imageData.data[index + 2];
  241.                        const luminance = (0.299 * r + 0.587 * g + 0.114 * b);
  242.                        binaryText += (luminance < threshold) ? "1" : "0";
  243.                    }
  244.                }
  245.  
  246.                return binaryText;
  247.            }
  248.  
  249.            function convertBinaryTextToBytes(binaryText) {
  250.                const byteCount = Math.ceil(binaryText.length / 8);
  251.                const bytes = new Uint8Array(byteCount);
  252.  
  253.                for (let i = 0; i < byteCount; i++) {
  254.                    const byteStart = i * 8;
  255.                    const byteEnd = byteStart + 8;
  256.                    const byte = binaryText.slice(byteStart, byteEnd);
  257.                    bytes[i] = parseInt(byte, 2);
  258.                }
  259.  
  260.                return bytes;
  261.            }
  262.        let selectedFiles = [];
  263.  
  264.        function addFilesToComboBox() {
  265.            const fileInput = document.createElement("input");
  266.            fileInput.type = "file";
  267.            fileInput.multiple = true;
  268.            fileInput.onchange = function () {
  269.                const fileComboBox = document.getElementById("fileComboBox");
  270.  
  271.                for (let i = 0; i < fileInput.files.length; i++) {
  272.                    selectedFiles.push(fileInput.files[i]);
  273.  
  274.                    const option = document.createElement("option");
  275.                    option.text = fileInput.files[i].name;
  276.                    fileComboBox.add(option);
  277.                }
  278.            };
  279.            fileInput.click();
  280.        }
  281.  
  282.        function addFoldersToComboBox() {
  283.            const folderInput = document.getElementById("folderInput");
  284.            const fileComboBox = document.getElementById("fileComboBox");
  285.  
  286.            for (let i = 0; i < folderInput.files.length; i++) {
  287.                traverseDirectory(folderInput.files[i], "");
  288.            }
  289.        }
  290.  
  291.        async function traverseDirectory(item, parentPath) {
  292.            if (item.isDirectory) {
  293.                const reader = item.createReader();
  294.                const entries = await reader.readEntries();
  295.                for (const entry of entries) {
  296.                    const fullPath = `${parentPath}/${entry.name}`;
  297.                    traverseDirectory(entry, fullPath);
  298.                }
  299.            } else {
  300.                selectedFiles.push(item);
  301.  
  302.                const option = document.createElement("option");
  303.                option.text = parentPath + "/" + item.webkitRelativePath;
  304.                fileComboBox.add(option);
  305.            }
  306.        }
  307.  
  308.        function clearSelectedItems() {
  309.            const fileComboBox = document.getElementById("fileComboBox");
  310.            for (let i = fileComboBox.options.length - 1; i >= 0; i--) {
  311.                 if (fileComboBox.options[i].selected) {
  312.                     selectedFiles.splice(i, 1);
  313.                     fileComboBox.remove(i);
  314.                 }
  315.             }
  316.         }
  317.  
  318.         async function compressAndSave() {
  319.             const compressionLevel = document.getElementById("compressionComboBox").value;
  320.             const selectedExtension = document.getElementById("extensionComboBox").value;
  321.  
  322.             const compressedData = await compressData(selectedFiles, compressionLevel);
  323.  
  324.             const blob = new Blob([compressedData], { type: 'application/octet-stream' });
  325.             const link = document.createElement('a');
  326.             link.href = URL.createObjectURL(blob);
  327.  
  328.             // Demander le nom du fichier compressé sans l'extension
  329.             const compressedFileName = prompt("Entrer le nom du fichier compressé:", `fichiers_compresses`);
  330.             if (!compressedFileName) {
  331.                 return; // Annuler la compression si le nom de fichier est vide
  332.             }
  333.  
  334.             const fullFileName = `${compressedFileName}.${selectedExtension}`;
  335.             link.download = fullFileName;
  336.             link.click();
  337.         }
  338.  
  339.         async function compressData(files, compressionLevel) {
  340.             // Créer un nouveau FormData pour les fichiers et dossiers sélectionnés
  341.             const zip = new JSZip();
  342.  
  343.             for (const file of files) {
  344.                 const fileContent = await file.arrayBuffer();
  345.                 const filePath = file.webkitRelativePath || file.name;
  346.                 zip.file(filePath, fileContent);
  347.             }
  348.  
  349.             // Utiliser pako pour compresser les données
  350.             const options = { level: compressionLevel === 'store' ? 0 : (compressionLevel === 'maximum' ? 9 : 5) };
  351.             const dataToCompress = await zip.generateAsync({ type: "uint8array", compression: "DEFLATE", compressionOptions: options });
  352.  
  353.             return dataToCompress;
  354.         }
  355.  
  356.         $(document).ready(function() {
  357.             $("#operationSelect").change(function() {
  358.                 const selectedOperation = $(this).val();
  359.                 $("#compressSection, #encodeSection, #decodeSection, #fileCompressorSection").hide();
  360.  
  361.                 if (selectedOperation === "compress") {
  362.                     $("#compressSection").show();
  363.                 } else if (selectedOperation === "encode") {
  364.                     $("#encodeSection").show();
  365.                 } else if (selectedOperation === "decode") {
  366.                     $("#decodeSection").show();
  367.                 } else if (selectedOperation === "pakobest") {
  368.                     $("#fileCompressorSection").show();
  369.                 }
  370.             });
  371.  
  372.             const fileInput = document.getElementById("fileInput");
  373.             const compressButton = document.getElementById("compressButton");
  374.  
  375.             fileInput.addEventListener("change", function (e) {
  376.                 if (e.target.files.length > 0) {
  377.                     compressButton.disabled = false;
  378.                 }
  379.             });
  380.  
  381.             compressButton.addEventListener("click", function () {
  382.                 const filesToCompress = Array.from(fileInput.files);
  383.                 const zip = new JSZip();
  384.  
  385.                 const promises = filesToCompress.map(file => {
  386.                     return new Promise(resolve => {
  387.                         const reader = new FileReader();
  388.                         reader.onload = function () {
  389.                             zip.file(file.name, reader.result);
  390.                             resolve();
  391.                         };
  392.                         reader.readAsArrayBuffer(file);
  393.                     });
  394.                 });
  395.  
  396.                 Promise.all(promises).then(() => {
  397.                     const zipName = prompt("Entrez le nom du fichier ZIP :") || "compressed.zip";
  398.                     const saveFileDialog = document.createElement("a");
  399.                     saveFileDialog.style.display = "none";
  400.                     saveFileDialog.addEventListener("click", function (e) {
  401.                         e.target.style.display = "none";
  402.                     });
  403.                     document.body.appendChild(saveFileDialog);
  404.  
  405.                     zip.generateAsync({ type: "blob" }).then(function (content) {
  406.                         const url = URL.createObjectURL(content);
  407.                         saveFileDialog.href = url;
  408.                         saveFileDialog.download = zipName;
  409.                         saveFileDialog.click();
  410.                         URL.revokeObjectURL(url);
  411.                     });
  412.                 });
  413.             });
  414.         });
  415.     </script>
  416.     <script src="https://cdnjs.cloudflare.com/ajax/libs/pako/2.0.3/pako.min.js"></script>
  417.     <script>
  418.     <script>
  419.  
  420. document.addEventListener("DOMContentLoaded", function () {
  421.     // Sélection des éléments HTML pertinents
  422.     const operationSelect = document.getElementById("operationSelect");
  423.     const compressSection = document.getElementById("compressSection");
  424.     const encodeSection = document.getElementById("encodeSection");
  425.     const decodeSection = document.getElementById("decodeSection");
  426.     const fileCompressorSection = document.getElementById("fileCompressorSection");
  427.     const pakoComboBox = document.getElementById("pakoComboBox");
  428.     const compressionComboBox = document.getElementById("compressionComboBox");
  429.     const extensionComboBox = document.getElementById("extensionComboBox");
  430.  
  431.     // Gestionnaire d'événement pour le changement d'opération
  432.     operationSelect.addEventListener("change", function () {
  433.         // Affichage de la section appropriée en fonction de l'opération sélectionnée
  434.         compressSection.style.display = operationSelect.value === "compress" ? "block" : "none";
  435.         encodeSection.style.display = operationSelect.value === "encode" ? "block" : "none";
  436.         decodeSection.style.display = operationSelect.value === "decode" ? "block" : "none";
  437.         fileCompressorSection.style.display = operationSelect.value === "pakobest" ? "block" : "none";
  438.     });
  439.  
  440.     // Gestionnaire d'événement pour le bouton de compression
  441.     const fileInput = document.getElementById("fileInput");
  442.     const compressButton = document.getElementById("compressButton");
  443.  
  444.     fileInput.addEventListener("change", function (e) {
  445.         if (e.target.files.length > 0) {
  446.             compressButton.disabled = false;
  447.         }
  448.     });
  449. });
  450.     compressButton.addEventListener("click", function () {
  451.         // Récupérer les fichiers sélectionnés
  452.         const filesToCompress = Array.from(fileInput.files);
  453.         // Créer une instance JSZip
  454.         const zip = new JSZip();
  455.  
  456.         // Créer un tableau de promesses pour lire les fichiers et les ajouter à l'archive zip
  457.         const promises = filesToCompress.map(file => {
  458.             return new Promise(resolve => {
  459.                 const reader = new FileReader();
  460.                 reader.onload = function () {
  461.                     zip.file(file.name, reader.result);
  462.                     resolve();
  463.                 };
  464.                 reader.readAsArrayBuffer(file);
  465.             });
  466.         });
  467.  
  468.         // Attendre que toutes les promesses soient résolues, puis générer et télécharger l'archive zip
  469.         Promise.all(promises).then(() => {
  470.             const zipName = prompt("Entrez le nom du fichier ZIP :") || "compressed.zip";
  471.             zip.generateAsync({ type: "blob" }).then(function (content) {
  472.                 // Créer un lien de téléchargement
  473.                 const a = document.createElement("a");
  474.                 a.href = URL.createObjectURL(content);
  475.                 a.download = zipName;
  476.                 document.body.appendChild(a);
  477.                 a.click();
  478.                 document.body.removeChild(a);
  479.                 URL.revokeObjectURL(a.href);
  480.             });
  481.         });
  482.     });
  483.  
  484.     </script>
  485. </body>
  486. </html>
  487.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!