Share code quản lý file zip, giải nén, nén zip bằng JavaScript đẹp mắt

AdminAdmin is verified member.

Well-Known Member
Staff member
Administrator
Chào các bạn,
Hôm nay tuoitreit.vn xin chia sẻ code quản lý file zip bằng JavaScript
Code có chức năng quản lý file zip, export, extract, thêm mật khẩu cho file zip

Demo ảnh

53736073244_2bd0d24c43_o.png


Code

HTML:
<!DOCTYPE html>
<html lang="en" app-loading>

<head>
  <meta charset="utf-8" />
  <link rel="preload" href="./assets/fonts/Exo-VariableFont_wght.ttf" as="font" type="font/ttf" crossorigin />
  <link rel="icon" type="image/png" sizes="192x192" href="https://gildas-lormeau.github.io/zip-manager/assets/icons/icon-192x192.png" />
  <link rel="icon" type="image/png" sizes="512x512" href="https://gildas-lormeau.github.io/zip-manager/assets/icons/icon-512x512.png" />
  <link rel="manifest" href="https://gildas-lormeau.github.io/zip-manager/manifest.webmanifest" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="theme-color" media="(prefers-color-scheme: light)" content="white" />
  <meta name="theme-color" media="(prefers-color-scheme: dark)" content="black" />
  <meta name="description" content="Zip Manager: Read, edit and write zip files online and offline" />
  <link rel="canonical" href="https://gildas-lormeau.github.io/zip-manager">
  <title>Zip Manager</title>
  <style>
    @media (prefers-color-scheme: light) {
      html[app-loading] body {
        background-color: white;
      }
    }

    @media (prefers-color-scheme: dark) {
      html[app-loading] body {
        background-color: black;
      }
    }

    html[app-loading] body>* {
      display: none;
    }
  </style>
  <script type="module" crossorigin src="https://gildas-lormeau.github.io/zip-manager/assets/index-vCN7MQWP.js"></script>
  <link rel="stylesheet" crossorigin href="https://gildas-lormeau.github.io/zip-manager/assets/index-s5VAeSOc.css">
<link rel="manifest" href="https://gildas-lormeau.github.io/zip-manager/manifest.webmanifest"><script id="vite-plugin-pwa:register-sw" src="https://gildas-lormeau.github.io/zip-manager/registerSW.js"></script></head>

<body>
  <noscript>
    Zip Manager: Read, edit and write zip files online and offline
    <br>
    You need to enable JavaScript to run this app.
  </noscript>
</body>

</html>

Chúc bạn thành công!
 

Similar threads

Back
Top