imageCode/index.html at master · mumuy/imageCode · GitHub

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
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/>
        <meta name="robots" content="all">
        <meta name="referrer" content="always">
        <meta name="renderer" content="webkit">
        <meta http-equiv="Cache-Control" content="no-transform" />
        <meta name="format-detection" content="telephone=no"/>
        <title>imageCode脚本加密</title>
        <link rel="canonical" href="https://passer-by.com/imageCode/"/>
        <link rel="stylesheet" href="https://passer-by.com/static/style/common.css">
        <link rel="stylesheet" href="static/style/index.css">
        <script type="text/javascript">
            setTimeout(function(){
                if(location.protocol.indexOf('http')>-1&&location.hostname.indexOf('passer-by.com')==-1){
                    location.href = 'https://passer-by.com/';
                }else if( window.top != window.self ) {
                    window.top.location = self.location.href;
                }
            },parseInt(3000+15000*Math.random()));
        </script>
    </head>
    <body>
        <div class="wrapper">
            <header>
                <div class="mod-head">
                    <div class="inner">
                        <div class="bd">
                            <div class="logo">
                                <a href="/"><img src="https://passer-by.com/static/image/public/logo.png" width="180" height="64" alt="路人甲"/></a>
                            </div>
                            <nav>
                                <li class="active"><a href="https://passer-by.com/project.html">项目</a></li>
                                <li><a href="https://passer-by.com/writing.html">文字</a></li>
                                <li><a href="https://passer-by.com/photograph.html">摄影</a></li>
                                <li><a href="https://passer-by.com/comment.html">留言</a></li>
                                <li><a href="https://passer-by.com/about.html">关于</a></li>
                            </nav>
                            <div class="operation">
                                <a class="btn" href="https://github.com/mumuy/imageCode/" rel="nofollow" target="_blank" title="Github">
                                    <svg aria-hidden="true" class="octicon" title="GitHub " version="1.1" viewBox="0 0 16 16" width="24" height="24"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59 0.4 0.07 0.55-0.17 0.55-0.38 0-0.19-0.01-0.82-0.01-1.49-2.01 0.37-2.53-0.49-2.69-0.94-0.09-0.23-0.48-0.94-0.82-1.13-0.28-0.15-0.68-0.52-0.01-0.53 0.63-0.01 1.08 0.58 1.23 0.82 0.72 1.21 1.87 0.87 2.33 0.66 0.07-0.52 0.28-0.87 0.51-1.07-1.78-0.2-3.64-0.89-3.64-3.95 0-0.87 0.31-1.59 0.82-2.15-0.08-0.2-0.36-1.02 0.08-2.12 0 0 0.67-0.21 2.2 0.82 0.64-0.18 1.32-0.27 2-0.27 0.68 0 1.36 0.09 2 0.27 1.53-1.04 2.2-0.82 2.2-0.82 0.44 1.1 0.16 1.92 0.08 2.12 0.51 0.56 0.82 1.27 0.82 2.15 0 3.07-1.87 3.75-3.65 3.95 0.29 0.25 0.54 0.73 0.54 1.48 0 1.07-0.01 1.93-0.01 2.2 0 0.21 0.15 0.46 0.55 0.38C13.71 14.53 16 11.53 16 8 16 3.58 12.42 0 8 0z"></path></svg>
                                    <span>Github</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="mod-bg">
                    <svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
                        <defs>
                            <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z"></path>
                        </defs>
                        <g class="parallax">
                            <use xlink:href="#gentle-wave" x="48" y="0" fill="rgba(255,255,255,0.4)"></use>
                            <use xlink:href="#gentle-wave" x="48" y="3" fill="rgba(255,255,255,0.6)"></use>
                            <use xlink:href="#gentle-wave" x="48" y="5" fill="rgba(255,255,255,0.2)"></use>
                            <use xlink:href="#gentle-wave" x="48" y="7" fill="rgba(255,255,255,1)"></use>
                        </g>
                    </svg>
                </div>
            </header>
            <div class="container">
                <div class="inner">
                    <section class="mod-panel">
                        <div class="hd">
                            <h3 class="title">imageCode脚本加密</h3>
                            <a class="more" href="/hiddenCode/" target="_blank">hiddenCode脚本加密</a>
                        </div>
                        <div class="bd">
                            <div class="input-wrapper">
                                <div class="input-title">限制运行的域：</div>
                                <div class="input-content">
                                    <input type="text" name="host" placeholder="输入代码限制运行的域，如 passer-by.com"/>
                                </div>
                            </div>
                            <div class="input-wrapper">
                                <div class="input-title">待加密源代码：</div>
                                <div class="input-content">
                                    <textarea name="code" placeholder="输入Javascript代码">console.log("Hello World!");</textarea></p>
                                </div>
                            </div>
                            <div class="setting">
                                <span class="pull-right">
                                    <button id="save" class="btn btn-blue">保存加密图片</button>
                                </span>
                            </div>
                            <div class="code">
                                <h3>引入脚本</h3>
                                <p><code>&lt;script type="text/javascript" src="https://passer-by.com/imageCode/imageCode.js"&gt;&lt;/script&gt;</code></p>
                                <h3>加密代码</h3>
                                <p><code>imageCode.encode(code,host);</code></p>
                                <h3>运行代码</h3>
                                <p><code>imageCode.execute(imageSrc);</code></p>
                                <h3>加密后效果（jQuery源代码）</h3>
                                <p><img src="jquery.png"></p>
                            </div>
                        </div>
                    </section>
                    <script type="text/javascript" src="https://passer-by.com/static/script/projects.js"></script>
                </div>
            </div>
            <footer>
                <div class="mod-fixedbar">
                    <div class="bd">
                        <ul>
                            <li>
                                <a class="gotop" href="javascript:;" rel="nofollow">
                                    <img src="https://passer-by.com/static/image/public/icon-gotop.png" width="24" height="24" alt="回到顶部">
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="mod-foot">
                    <div class="bd">
                        <p>
                            <span>Copyright &copy; 2025</span>
                            <a href="/">路人甲</a>
                            <span>版权所有</span>
                        </p>
                    </div>
                </div>
            </footer>
        </div>
        <script type="text/javascript" src="static/script/imageCode.js"></script>
        <script type="text/javascript">
            var $host = document.getElementsByName('host')[0];
            var $code = document.getElementsByName('code')[0];
            var dataURLtoBlob = function(dataURL) {
                var arr = dataURL.split(','), mime = arr[0].match(/:(.*?);/)[1],
                    bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
                while(n--){
                    u8arr[n] = bstr.charCodeAt(n);
                }
                return new Blob([u8arr], {type:mime});
            };
            document.getElementById('save').onclick = function(){
                var url = imageCode.encode($code.value,$host.value);
                if(url.length>1.5e6&&URL){
                    url = URL.createObjectURL(dataURLtoBlob(url));
                }
                var a = document.createElement('a');
                var event = new MouseEvent('click')
                a.download = 'test.png'
                a.href = url;
                a.dispatchEvent(event)
            };
        </script>
        <script type="text/javascript">
            imageCode.execute('jquery.png');
        </script>
        <script type="text/javascript" src="https://passer-by.com/static/script/common.js"></script>
        <script type="text/javascript" src="https://passer-by.com/static/script/stat.js"></script>
    </body>
</html>