原生js+css实现在线二进制任意文件对称加密解密效果代码
代码语言:html
所属分类:其他
代码描述:原生js+css实现在线二进制任意文件对称加密解密效果代码,可加密解密任意格式文件。
代码标签: 原生 js css 在线 二进制 任意 文件 对称 加密 解密
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>浏览器文件加解密工具 (AES-GCM)</title> <style> body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; background-color: #f0f2f5; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; color: #333; } .container { background-color: #ffffff; padding: 30px 40px; border-radius: 12px; box-shadow: 0 8px 30px rgba(0,0,0,0.1); width: 100%; max-width: 500px; text-align: center; } h1 { color: #1a237e; margin-bottom: 10px; } p { color: #555; margin-bottom: 25px; font-size: 0.9rem; } .input-group { margin-bottom: 20px; text-align: left; } label { display: block; margin-bottom: 8px; font-weight: 600; color: #3f51b5; } input[type="file"], input[type="password"] { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 6px; box-sizing: border-box; font-size: 1rem; } input[type="file"] { padding: 8px; } .button-group { display: flex; gap: 15px; justify-content: center; } button { flex-grow: 1; padding: 12px 20px; border: none; border-radius: 6px; font-size: 1rem; font-weight: 600; cursor: pointer; transition: background-color 0.3s, transform 0.1s; } button:active { transform: scale(0.98); } #encrypt-btn { background-color: #4CAF50; color: white; } #en.........完整代码请登录后点击上方下载按钮下载查看
网友评论0