steganography实现将文本隐藏写入图片保存读取隐写代码

代码语言:html

所属分类:其他

代码描述:steganography实现将文本隐藏写入图片保存读取隐写代码

代码标签: steganography 文本 隐藏 写入 图片 保存 读取 隐写 代码

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/bootstrap.3.3.4.css">

</head>

<body>
    <div id="main">
        <div class="row margintb-6">
            <div class="col-xs-12 col-sm-12">
                <div class="input-group">
                    <span class="input-group-addon min-width-120" id="sizing-addon2">图像上传</span>
                    <input id="file" type="file" class="form-control">
                </div>
            </div>
        </div>
        <div class="row margintb-6">
            <div class="col-xs-12 col-sm-12">
                <div class="input-group">
                    <span class="input-group-addon min-width-120" id="sizing-addon2">隐藏信息<br><span id="capacity"></span></span>
                    <textarea class="form-control" id="text" name="text" rows="5" placeholder="请在这里填写需要隐藏在图片中的信息"></textarea>
                </div>
            </div>
        </div>
        <div class="row margintb-6">
            <div class="col-xs-6 col-sm-2 col-md-2">
                <button id="hide" type="button" class="btn btn-primary width-100-percent">隐藏</button>
            </div>
            <div class="col-xs-6 col-sm-2 col-md-2">
                <button id="read" type="button" class="btn btn-primary width-100-percent">解密</button>
            </div>
        </div>
        <div class="row margintb-6" id="original">
            <div class="col-xs-12 col-sm-12">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">
                            原始图像
                        </h3>
                    </div>
                    <div class="panel-body">
                        <img id="img" class="img-responsive" src="" />
                    </div>
                </div>
            </div>
        </div>
        <div class="row margintb-6" id="stego">
            <div class="col-xs-12 col-sm-12">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">
                            加密图像
                        </h3>
                    </div>
                    <div class="panel-body">
                        <img id="cover" class="img-responsive" src="" />
                    </div>
                    <div class="panel-footer">
                        <a id="download" class="btn btn-primary" download="cover.png" rel="nofollow">下载加密图像</a> 点击下载按钮或者在图像上单击鼠标右键“图片另存为...”
                    </div>
                </div>
            </div>
        </div>
        <div class="row margintb-6" id="messageArea">
            <div class="col-xs-12 col-sm-12">
                <div class="input-group">
                    <span class="input-group-addon" id="sizing-addon2">图像中的隐藏信息</span>
                    <textarea class="form-control" id="message" rows="5" readonly></textarea>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/steganography.min.js"></script>
    <script type="text/javascript">
        function handleFileSelect(evt) {
                var ori.........完整代码请登录后点击上方下载按钮下载查看

网友评论0