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