搜索

[13960] 2019-04-07_奇思妙想之用JS给图片加口令

文档创建者：s7ckTeam
浏览次数：5
最后更新：2025-01-18
2019-04-07_奇思妙想之用JS给图片加口令 奇 思 妙 想 之 用 J S 给 图 片 加 口 令 w 2 s f o o t   F r e e B u f   2 0 1 9 - 0 4 - 0 7 本 文 展 示 一 种 用 本 文 展 示 一 种 用 J S 给 图 片 加 口 令 的 方 法 ， 可 以 将 任 意 图 片 转 化 为 给 图 片 加 口 令 的 方 法 ， 可 以 将 任 意 图 片 转 化 为 h t m l ， 输 入 正 确 的 口 令 才 能 打 开 查 看 图 片 。 ， 输 入 正 确 的 口 令 才 能 打 开 查 看 图 片 。 效 果 如 下 ： 效 果 说 明 效 果 说 明 1 . 它 最 终 只 有 一 个 文 件 。 并 非 一 张 图 片 和 一 个 h t m l ， 不 是 在 h t m l 中 引 用 图 片 ， 而 是 将 图 片 放 入 了 h t m l 。 2 . 打 开 时 ， 必 须 输 入 的 正 确 口 令 ， 口 令 错 误 则 不 能 打 开 。 3 . 口 令 不 能 被 获 取 ！ 查 看 h t m l 源 码 无 法 找 到 口 令 ， 虽 然 口 令 确 实 是 存 放 在 文 件 中 。 直 入 主 题 ， 下 面 介 绍 此 效 果 的 技 术 原 理 和 实 现 方 法 ： 技 术 原 理 技 术 原 理 1 . 将 图 片 转 化 为 b a s e 6 4 字 符 串 ， 这 样 可 以 直 接 将 字 符 串 写 入 h t m l ， 而 无 需 引 用 外 部 的 图 片 。 2 . 打 开 时 要 求 输 入 口 令 、 口 令 校 验 都 由 J S 实 现 。 3 . 口 令 隐 藏 ， 不 能 通 过 查 看 网 页 源 码 获 取 。 实 现 方 法 实 现 方 法 1 . 将 图 片 放 入 网 页 的 方 法 非 常 简 单 ， 只 要 将 图 片 转 为 b a s e 6 4 编 码 字 符 即 可 ， 转 换 使 用 c a n v a s 进 行 ， 代 码 如 下 ：
操 作 方 法 ： 准 备 一 张 图 片 ， 上 面 的 代 码 中 使 用 的 是 ： y x d j 2 5 0 x 2 5 0 . j p g ， 实 际 操 作 时 换 为 自 己 要 转 化 的 图 片 。 将 以 上 j s 代 码 放 入 h t m l 中 ， 打 开 运 行 ， 然 后 从 浏 览 器 的 调 试 工 具 中 可 以 看 到 输 出 了 图 片 对 应 的 b a s e 6 4 编 码 ， 效 果 如 下 ： 这 时 ， 如 果 要 在 网 页 中 显 示 图 片 ， 只 要 使 用 i m g   s r c = " " 方 法 ， 将 上 面 输 出 的 编 码 填 入 s r c 即 可 。 2 . 接 下 来 实 现 口 令 功 能 ， 代 码 如 下 ： 从 以 上 的 功 能 逻 辑 可 以 看 出 ， 如 果 输 入 口 令 ： 1 2 3 ， 则 显 示 图 片 ， 反 之 不 能 打 开 。 3 . 口 令 能 被 直 接 查 看 到 ， 显 然 是 不 行 的 。 那 样 随 便 谁 懂 点 电 脑 知 识 都 可 以 获 取 口 令 ， 就 失 去 了 口 令 保 护 的 效 果 。 或 许 有 人 会 说 ： 不 要 使 用 名 文 比 较 ， 使 用 变 量 比 较 、 把 口 令 字 符 隐 藏 起 来 。 但 也 不 是 个 有 效 的 办 法 。 懂 点 技 术 的 都 知 道 浏 览 器 可 以 断 点 调 试 的 ， 只 要 来 到 断 点 处 ， 就 可 以 直 接 查 看 密 码 ： f u n c t i o n   g e t I m a g e B a s e 6 4 ( i m g ,   e x t )   {     / / 创 建 c a n v a s   D O M 元 素 ， 并 设 置 其 宽 高 和 图 片 一 样     v a r   c a n v a s   =   d o c u m e n t . c r e a t e E l e m e n t ( " c a n v a s " ) ;     c a n v a s . w i d t h   =   i m g . w i d t h ;     c a n v a s . h e i g h t   =   i m g . h e i g h t ;     v a r   c t x   =   c a n v a s . g e t C o n t e x t ( " 2 d " ) ;     / / 使 用 画 布 画 图     c t x . d r a w I m a g e ( i m g ,   0 ,   0 ,   i m g . w i d t h ,   i m g . h e i g h t ) ;     v a r   d a t a U R L   =   c a n v a s . t o D a t a U R L ( " i m a g e / "   +   e x t ) ;       / / 返 回 的 是 一 串 B a s e 6 4 编 码   c a n v a s   =   n u l l ;   r e t u r n   d a t a U R L ;   } v a r   i m g _ p a t h   = " y x d j 2 5 0 x 2 5 0 . j p g " ; / / 网 页 中 需 提 前 设 定 一 个 i d 为 i c o n 的 i m g 元 素 v a r   u s e r _ i c o n   =   d o c u m e n t . g e t E l e m e n t B y I d ( ' i c o n ' ) ;   f i l e E x t = " " ; / / 获 取 b a s e 6 4 编 码 u s e r _ i c o n . s r c   =   i m g _ p a t h ;   u s e r _ i c o n . o n l o a d   =   f u n c t i o n   ( )   {     / / b a s e 6 4 编 码     b a s e 6 4   =   g e t I m a g e B a s e 6 4 ( u s e r _ i c o n ,   f i l e E x t ) ;     c o n s o l e . l o g ( b a s e 6 4 ) ; } v a r   p a s s   =   p r o m p t ( ' 请 输 入 口 令 ' , ' ' ) ; i f   ( p a s s   ! =   " 1 2 3 " ) {   h i s t o r y . g o ( - 1 ) ;   a l e r t ( " 口 令 错 误 。 " ) ; } e l s e {   s h o w _ p i c ( ) ; }
真 正 有 效 的 办 法 是 什 么 呢 ？ J S 代 码 混 淆 加 密 ！ 口 令 也 是 存 储 在 J S 代 码 中 的 ， 只 要 将 代 码 混 淆 加 密 ， 口 令 也 会 一 起 被 加 密 ， 就 没 办 法 找 到 密 码 了 ， 而 且 还 可 以 防 断 点 调 试 。 下 面 是 混 淆 加 密 后 的 代 码 效 果 ：
J S 代 码 混 淆 ， 国 际 上 有 J S c r a m b l e r ， 国 内 有 J S h a m a n ， 混 淆 效 果 差 不 多 ， J S h a m a n 的 使 用 起 来 更 方 便 一 些 ， 中 文 界 面 、 操 作 也 更 符 合 国 人 习 惯 。 在 进 行 代 码 混 淆 时 ， 一 定 要 使 用 “ 字 符 串 加 密 ” 功 能 ， 因 为 这 是 我 们 进 行 混 淆 的 关 键 需 求 ， 只 要 选 了 这 一 项 ， 密 码 才 会 隐 藏 起 来 。 有 的 技 术 同 学 很 可 能 有 反 对 意 见 ， 认 为 J S 混 淆 加 密 后 是 可 以 还 原 的 。 关 于 这 个 想 法 ， 要 分 情 况 。 如 果 是 用 u n e s c a p e 、 e s c a p e 、 e v a l 进 行 的 初 级 加 密 ， 那 是 可 以 逆 的 ， 可 以 解 密 的 。 而 如 果 是 真 正 的 高 强 度 混 淆 加 密 ， 是 不 可 解 的 。 这 个 需 要 从 理 原 上 深 度 的 解 释 ， 比 如 J S h a m a n 这 种 混 淆 加 密 ， 使 用 的 并 非 是 简 单 的 可 逆 加 密 。 而 是 先 对 J S 源 代 码 进 行 词 法 分 析 、 语 法 分 析 ， 分 离 出 变 量 、 常 量 、 函 数 、 关 键 字 等 ， 生 成 语 法 树 ； 然 后 进 行 变 量 变 形 、 常 量 阵 列 化 、 加 密 ， 插 入 僵 尸 代 码 、 加 入 反 调 试 、 再 平 展 控 制 流 等 等 ， 最 后 再 重 新 生 成 代 码 。 是 对 代 码 进 行 了 重 建 的 ， 不 可 逆 的 。 还 是 不 太 相 信 吗 ？ 好 的 ， 我 们 来 实 际 检 测 一 下 ， 逆 一 次 。
先 进 行 代 码 混 淆 ： 再 对 对 结 果 代 码 进 行 反 混 淆 。 常 用 的 是 e s p r i m a 、 e s c o d e g e n 。 这 里 在 n o d e j s 的 环 境 下 使 用 ： 首 先 安 装 这 两 个 组 件 ： 然 后 准 备 以 下 代 码 ： 然 后 执 行 ， 这 时 会 输 出 反 混 淆 结 果 ： n p m   i n s t a l l   e s p r i m a n p m   i n s t a l l   e s c o d e g e n
可 见 ， 反 混 淆 后 得 到 的 代 码 ， 跟 原 始 代 码 差 别 非 常 大 ， 多 了 很 多 很 多 复 杂 的 逻 辑 关 系 ， 字 符 也 是 混 乱 不 堪 ， 代 码 几 乎 是 无 法 阅 读 ， 更 别 说 理 解 出 原 本 代 码 含 义 了 。 从 这 解 密 后 的 代 码 中 ， 当 然 也 没 办 法 找 到 原 来 的 密 码 “ 1 2 3 ” 。
混 淆 与 反 混 淆 的 问 题 暂 告 一 段 落 ， 如 果 有 人 还 反 驳 ： 一 点 点 的 读 ， 只 要 肯 花 时 间 ， 三 天 、 一 个 月 ， 总 能 慢 慢 读 懂 。 那 就 属 于 钻 牛 角 了 。 我 们 回 到 正 文 。 因 为 图 片 的 b a s e 6 4 编 码 字 符 串 比 较 长 、 内 容 量 大 ， 混 淆 加 密 时 ， 建 议 只 对 关 键 代 码 进 行 混 淆 ， 否 则 生 成 的 代 码 可 能 会 太 过 庞 大 。 经 过 这 一 系 列 操 作 后 ， 一 张 被 口 令 保 护 的 图 片 就 生 成 了 。  
掌 握 了 一 个 很 绚 酷 的 技 能 吧 ！ 同 时 ， 这 个 技 能 在 很 多 场 合 ， 是 有 实 际 用 途 的 ， 相 信 你 会 遇 的 到 。 * 本 文 原 创 作 者 ： 本 文 原 创 作 者 ： w 2 s f o o t ， 本 文 属 于 ， 本 文 属 于 F r e e B u f 原 创 奖 励 计 划 ， 未 经 许 可 禁 止 转 载 原 创 奖 励 计 划 ， 未 经 许 可 禁 止 转 载
阅 读 原 文
回复

举报

高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

使用Markdown编辑器编辑 使用富文本编辑器编辑

Archiver| 手机版| 小黑屋|
Powered by Discuz! X3.4 Copyright © 2001-2020, Tencent Cloud. 商业源码建议获取授权，如侵犯您的权益，请联系客服处理