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

Admin

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!
 

Facebook Comments

Similar threads

Kayashiteru
Replies
0
Views
1K
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
885
AdminAdmin is verified member.
Admin
Back
Top