-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathfileencrypt.html
498 lines (442 loc) · 17.4 KB
/
fileencrypt.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>禾云信创-HodEasyFile加解密工具</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<style>
* {
box-sizing: border-box;
}
body {
font-family: 'Microsoft YaHei', 'Segoe UI', Arial, sans-serif;
background-color: #f8f9fa;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
background-image: url("https://tpapi.haouou.com/drblog/");
}
.crypto-tool {
background-color: rgba(255, 255, 255, 0.629);
padding: 2rem;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
width: 100%;
max-width: 600px;
}
h2 {
font-size: 2rem;
margin-bottom: 1.5rem;
text-align: center;
animation: fadeInDown 1s ease-in-out;
}
textarea, input {
width: 100%;
padding: 12px;
border: 1px solid #ced4da;
border-radius: 5px;
resize: vertical;
font-family: 'Microsoft YaHei', 'Segoe UI', Arial, sans-serif;
}
textarea:focus, input:focus {
border-color: #007bff;
outline: none;
}
button {
padding: 10px 15px;
background-color: #007BFF;
color: white;
border: none;
cursor: pointer;
border-radius: 5px;
transition: all 0.3s;
margin-top: 10px;
}
button:hover, button:focus {
background-color: #0057b3b9;
box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.25);
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
label {
display: block;
margin-bottom: 0.5rem;
}
.action-buttons {
display: flex;
justify-content: center;
margin-top: 1rem;
}
.action-buttons button {
width: 100%; /* 设置按钮宽度为100%，使其在容器内拉长 */
padding: 15px 0; /* 调整按钮的上下内边距以适应长度变化 */
margin: 0; /* 移除默认外边距 */
}
.decrypt-action-buttons {
display: flex;
justify-content: center;
margin-top: 1rem;
}
.decrypt-action-buttons button {
width: 100%;
padding: 15px 0;
margin: 0;
}
textarea {
backdrop-filter: blur(5px);
background-color: rgba(255, 255, 255, 0.5);
}
.fa-spinner {
animation: spin 1s infinite linear;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/* 定义toast容器的基础样式 */
.toast {
position: fixed;
bottom: 20px; /* 调整此值可改变与底部的距离 */
left: 50%;
transform: translateX(-50%);
z-index: 999; /* 确保toast在页面其他元素之上 */
pointer-events: none; /* 防止toast干扰页面下方元素的点击 */
}
/* 内部元素，用于包裹实际消息内容 */
/* 当toast显示时应用的类 */
.toast.show {
visibility: visible;
opacity: 1;
transition-delay: 0s; /* 确保显示时立即可见 */
}
#loadingSpinner {
position: fixed; /* 这使得元素相对于浏览器窗口定位 */
top: 50%; /* 将元素垂直居中（如果需要） */
left: 50%; /* 将元素水平居中（如果需要） */
transform: translate(-50%, -50%); /* 调整以确保居中对齐 */
z-index: 9999; /* 设置一个高的z-index确保它浮于其他内容之上 */
display: none;
justify-content: center;
align-items: center; /* 如果div里有文本或图标，这有助于居中它们 */
/*pointer-events: none; *//* 防止加载指示器干扰页面的点击事件 */
}
/* 如果需要调整大小或样式，请自定义以下属性 */
</style>
</head>
<body>
<div class="crypto-tool">
<h2>HodEasyFile</h2>
<div id="loadingSpinner" class="spinner">
<i class="fas fa-spinner fa-pulse"></i>
</div>
<h3>加解密操作</h3>
<div class="action-buttons">
<button onclick="document.getElementById('fileInput').click()">选择文件</button>
<input type="text" id="fileNameDisplay" readonly>
</div>
<input type="file" id="fileInput" style="display: none;" />
<div class="action-buttons">
<button id="fileEncryptButton">加密文件</button>
<p>···</p>
<button id="fileDecryptButton">解密文件</button>
<p>···</p>
<button onclick="javascript:location.reload()">刷新清空</button>
</div>
<h4>禾云信创-HodEasyFile加解密工具·版本1.0</h4>
<h4>云云探索者自研算法，版权所有，严禁商用！</h4>
</div>
<script>
var fileInput = document.getElementById('fileInput');
var fileNameDisplay = document.getElementById('fileNameDisplay');
// 监听文件输入框的change事件
fileInput.addEventListener('change', function(e) {
// 获取用户选择的文件列表（即使多选，这里也只取第一个文件的名称作为示例）
var fileName = e.target.files[0].name;
// 将文件名设置到显示框中
fileNameDisplay.value = fileName;
});
function showLoading() {
document.getElementById('loadingSpinner').style.display = 'block';
}
function hideLoading() {
const loadingSpinner = document.getElementById('loadingSpinner');
setTimeout(() => {
document.getElementById('loadingSpinner').style.display = 'none';
setTimeout(() => document.body.removeChild(toastElement), 300);
}, 1000);
}
function showToast(message) {
console.log("Show Toast function called with message:", message);
const toastElement = document.createElement('div');
toastElement.className = 'toast';
toastElement.innerHTML = `<div>${message}</div>`;
toastElement.style.cssText = `
position: fixed; /* 固定位置 */
bottom: 20px; /* 距离底部的距离 */
left: 50%; /* 水平居中 */
transform: translateX(-50%); /* 居中调整 */
padding: 10px 20px; /* 内边距 */
background-color: #1FC5F9; /* 背景色 */
color: #fff; /* 文字颜色 */
border-radius: 5px; /* 圆角 */
z-index: 1000; /* 确保在最上层 */
opacity: 0; /* 初始不透明度 */
visibility: visible; /* 确保可见 */
transition: opacity 0.5s ease; /* 添加过渡效果 */
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
`;
document.body.appendChild(toastElement);
// 使用setTimeout来控制显示和隐藏
setTimeout(() => {
toastElement.style.opacity = '1'; // 使toast逐渐显示
}, 50); // 这里可以调整以控制显示的延迟
setTimeout(() => {
toastElement.style.opacity = '0'; // 使toast逐渐隐藏
setTimeout(() => {
document.body.removeChild(toastElement);
}, 300); // 确保隐藏动画完成后移除元素
}, 2000); // 2秒后开始隐藏动画
}
// 示例调用
showToast('欢迎使用HodEasyFile加解密工具!');
async function importFixedKey(keyMaterial) {
if (keyMaterial.length * 8 !== 256) {
throw new Error("Fixed key material must be 32 bytes long for AES-256");
}
return window.crypto.subtle.importKey(
"raw",
new TextEncoder().encode(keyMaterial),
{ name: "AES-GCM", length: 256 },
true,
["encrypt", "decrypt"]
);
}
function encodeToBase64(arrayBuffer) {
try {
return btoa(String.fromCharCode.apply(null, new Uint8Array(arrayBuffer)));
} catch (e) {
setTimeout(() => {
showToast("加密失败！明文超过最大长度限度！");
}, 500);
}
}
function decodeFromBase64(base64) {
const binaryString = atob(base64);
return new Uint8Array(binaryString.length).map((_, i) => binaryString.charCodeAt(i));
}
async function encryptData(fixedKey) {
showLoading();
try {
const iv = window.crypto.getRandomValues(new Uint8Array(12));
const encodedIV = encodeToBase64(iv);
const plaintext = document.getElementById('plaintext').value;
const encoder = new TextEncoder();
const encodedPlaintext = encoder.encode(plaintext);
const ciphertext = await window.crypto.subtle.encrypt(
{ name: "AES-GCM", iv },
fixedKey,
encodedPlaintext
);
const fullMessage = `HEF.${encodedIV}.${encodeToBase64(ciphertext)}`;
document.getElementById('ciphertext').value = fullMessage;
} catch (e) {
console.error("Encryption failed", e);
}
hideLoading();
showToast("加密结束");
}
async function decryptData(fixedKey) {
showLoading();
try {
const fullMessage = document.getElementById('ciphertext').value;
if (!fullMessage.startsWith("HEF.")) {
throw new Error("Ciphertext does not start with the expected key header.");
}
const [_, encodedIV, encodedCiphertext] = fullMessage.split('.');
const iv = decodeFromBase64(encodedIV);
const ciphertext = decodeFromBase64(encodedCiphertext);
const decrypted = await window.crypto.subtle.decrypt(
{ name: "AES-GCM", iv },
fixedKey,
ciphertext
);
document.getElementById('remoteDecryptedText').value = new TextDecoder().decode(decrypted);
} catch (e) {
console.error("Decryption failed", e);
}
hideLoading();
showToast("解密结束");
}
document.addEventListener('DOMContentLoaded', async () => {
const fixedKeyMaterial = "Hocloud_TechnologyCreativeStudio";
const fixedKey = await importFixedKey(fixedKeyMaterial);
document.getElementById('encryptButton').addEventListener('click', () => encryptData(fixedKey));
document.getElementById('decryptButton').addEventListener('click', () => decryptData(fixedKey));
});
function encryptedtext() {
var copyText = document.getElementById("ciphertext");
copyText.select();
document.execCommand("copy");
showToast("复制成功");
}
async function readFileAsArrayBuffer(file) {
return new Promise((resolve, reject) => {
const reader = new FileReader();
reader.onload = () => resolve(reader.result);
reader.onerror = reject;
reader.readAsArrayBuffer(file);
});
}
document.getElementById('fileEncryptButton').addEventListener('click', async () => {
const file = document.getElementById('fileInput').files[0];
if (!file) {
showToast("请选择一个文件");
return;
}
showLoading();
try {
const arrayBuffer = await readFileAsArrayBuffer(file);
const fixedKeyMaterial = "Hocloud_TechnologyCreativeStudio";
const fixedKey = await importFixedKey(fixedKeyMaterial);
const iv = window.crypto.getRandomValues(new Uint8Array(12));
// 加密文件内容
const ciphertext = await window.crypto.subtle.encrypt(
{ name: "AES-GCM", iv },
fixedKey,
new Uint8Array(arrayBuffer)
);
// IV转换为Base64字符串
const encodedIV = encodeToBase64(iv);
// 构建最终的加密文件内容，包括头部标识、Base64编码的IV和密文
// 首先，将"HEF."转换为Uint8Array
const headerBytes = new TextEncoder().encode("HEF.");
// 将Base64编码的IV转换为Uint8Array以便组合
const base64IVBytes = new TextEncoder().encode(encodedIV);
// 计算总长度以创建最终数组
const totalLength = headerBytes.length + base64IVBytes.length + ciphertext.byteLength;
const finalContent = new Uint8Array(totalLength);
// 组合所有部分
finalContent.set(headerBytes, 0); // 设置头部
finalContent.set(base64IVBytes, headerBytes.length); // 设置Base64编码的IV
finalContent.set(new Uint8Array(ciphertext), headerBytes.length + base64IVBytes.length); // 设置密文
// 创建包含最终内容的Blob
const encryptedFileBlob = new Blob([finalContent], { type: 'application/octet-stream' });
// 下载链接及后续操作...
const url = URL.createObjectURL(encryptedFileBlob);
const downloadLink = document.createElement('a');
downloadLink.href = url;
downloadLink.download = 'encryptedFile.HEF';
downloadLink.click();
URL.revokeObjectURL(url);
hideLoading();
showToast("文件加密并下载完成");
} catch (e) {
console.error("File encryption failed", e);
hideLoading();
}
});
document.getElementById('fileDecryptButton').addEventListener('click', async () => {
const file = document.getElementById('fileInput').files[0];
if (!file) {
showToast("请选择一个加密文件");
return;
}
showLoading();
try {
const arrayBuffer = await readFileAsArrayBuffer(file);
const fixedKeyMaterial = "Hocloud_TechnologyCreativeStudio";
const fixedKey = await importFixedKey(fixedKeyMaterial);
const fullMessage = new Uint8Array(arrayBuffer);
// 验证文件头部
const headerBytes = fullMessage.slice(0, 4);
const header = new TextDecoder().decode(headerBytes);
if (header !== "HEF.") {
console.log("File header bytes:", headerBytes); // 显示原始字节以供调试
throw new Error("Encrypted file does not start with the expected header");
}
// 提取Base64编码的IV和密文
const encodedIVBytes = fullMessage.slice(4, 20);
const encodedCiphertextBytes = fullMessage.slice(20);
// 解码Base64 IV
const encodedIV = Array.from(encodedIVBytes).map(byte => String.fromCharCode(byte)).join('');
const decodedIV = Uint8Array.from(window.atob(encodedIV), c => c.charCodeAt(0));
// 将密文部分转换为ArrayBuffer
const ciphertextArrayBuffer = encodedCiphertextBytes.buffer;
// 解密
const decrypted = await window.crypto.subtle.decrypt(
{ name: "AES-GCM", iv: decodedIV },
fixedKey,
ciphertextArrayBuffer
);
// 创建解密文件Blob
const decryptedFileBlob = new Blob([decrypted], { type: file.type });
const url = URL.createObjectURL(decryptedFileBlob);
const downloadLink = document.createElement('a');
downloadLink.href = url;
downloadLink.download = 'decrypted_' + file.name;
downloadLink.click();
URL.revokeObjectURL(url);
hideLoading();
showToast("文件解密并下载完成");
} catch (e) {
console.error("File decryption failed", e);
showToast("解密文件时发生错误，请检查文件是否正确加密或尝试重新选择文件。");
hideLoading();
}
});
</script>
<script>
document.getElementById('remoteDecryptButton').addEventListener('click', async () => {
const receivedCiphertext = document.getElementById('receivedCiphertext').value;
if (!receivedCiphertext.startsWith("HEF.")) {
showToast("加密文件无效，请检查！正确的加密文件应该以“HEF.”开头");
return;
}
try {
// 确保使用与加密端相同的密钥
const fixedKeyMaterial = "Hocloud_TechnologyCreativeStudio";
const fixedKey = await importFixedKey(fixedKeyMaterial);
await decryptRemoteData(fixedKey, receivedCiphertext);
} catch (e) {
console.error("Decryption failed", e);
}
});
async function decryptRemoteData(fixedKey, remoteCiphertext) {
showLoading();
try {
const [_, encodedIV, encodedCiphertext] = remoteCiphertext.split('.');
const iv = decodeFromBase64(encodedIV);
const ciphertext = decodeFromBase64(encodedCiphertext);
const decrypted = await window.crypto.subtle.decrypt(
{ name: "AES-GCM", iv },
fixedKey,
ciphertext
);
document.getElementById('remoteDecryptedText').value = new TextDecoder().decode(decrypted);
} catch (e) {
console.error("Remote decryption failed", e);
}
hideLoading();
showToast("解密结束");
}
function decryptedtext() {
var copyText = document.getElementById("remoteDecryptedText");
copyText.select();
document.execCommand("copy");
showToast("复制成功");
}
</script>
</body>
</html>