-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
54 lines (46 loc) · 1.61 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<title>图片加密解密工具</title>
<meta charset="utf-8" />
<script src="./script/require.js" data-main="main"></script>
<script>
require.config({
baseUrl: '/script',
paths: {
'jquery': 'jquery',
'crypto': 'crypto',
},
});
</script>
<style>
canvas{border: 1px solid #d3d3d3};
</style>
</head>
<body>
<h2>图片加密解密工具</h2>
<div id="loading">
正在加载必要的程序组件，请稍候。
如果长时间无反应，请检查浏览器是否已经启用了javascript。
</div>
<div id="loaded" style="display: none">
<div>当前本系统只能处理最大512像素宽度的图片。超出会被自动缩小。</div>
<hr />
<div>请加载要处理的图片，通过如下之一方法：<ul>
<li>手动选择计算机上的一个文件:<input id="selectSrc" type="file"></input></li>
<!-- <li>输入一个网址:<input id="loadUrl" type="text"></input><button id="doLoadFromUrl" type="button">加载</button></li>-->
<li>或者直接将计算机上的图片用鼠标拖拽到下面的框中。</li>
</ul></div>
<canvas width="480" height="320" id="preview"></canvas>
<span id="cache" style="display: none"></span>
<span id="result"></span>
<div>
输入密码（字母、数字、特殊字符）：
<input type="text" size="20" id="password"/>
<button id="do" type="button">加密</button>
<button id="reverse" type="button">解密</button>
--> 双击生成的结果可以保存(JPEG格式)的文件
</div>
</div>
</body>
</html>