Admin

AdminAdmin is verified member.

Well-Known Member

Staff member
Administrator
OS
Windows 10
BR
Chrome 124.0.0.0
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!
 

Facebook Comments

Similar threads

Kayashiteru
Replies
0
Views
2K
Kayashiteru
Kayashiteru
Admin
Replies
5
Views
5K
VMTHANH
V
Admin
Replies
0
Views
2K
AdminAdmin is verified member.
Admin
Admin
Replies
9
Views
6K
Hoichemgio9x
H
Admin
Replies
0
Views
2K
AdminAdmin is verified member.
Admin
Admin
Replies
0
Views
7K
AdminAdmin is verified member.
Admin
Admin
Replies
0
Views
965
AdminAdmin is verified member.
Admin