经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置：技术经验 » JS/JS库/框架 » JavaScript » 查看文章
html加水印及禁右键
来源：cnblogs　　作者：风岸　　时间：2021/12/31 8:57:55　　对本文有异议

html加水印及禁右键

遇到的一个需求，记录一下

js加水印(网上找的)

  1. function watermark(settings) {
  2.     //默认设置
  3.     var defaultSettings = {
  4.         watermark_txt:"text",
  5. 		watermark_x:1,//水印起始位置x轴坐标
  6. 		watermark_y:1,//水印起始位置Y轴坐标  window.body.clientHeight/2
  7. 		watermark_rows:20,//水印行数
  8. 		watermark_cols:20,//水印列数
  9. 		watermark_x_space:50,//水印x轴间隔
  10. 		watermark_y_space:50,//水印y轴间隔
  11. 		watermark_color:'#000000',//水印字体颜色
  12. 		watermark_alpha:0.2,//水印透明度
  13. 		watermark_fontsize:'120px',//水印字体大小
  14. 		watermark_font:'宋体',//水印字体
  15. 		watermark_width:window.innerWidth-200,//水印宽度
  16. 		watermark_height:450,//水印长度
  17. 		watermark_angle:25//水印倾斜度数
  18.     };
  19.     if (arguments.length === 1 && typeof arguments[0] === "object") {
  20.         var src = arguments[0] || {};
  21.         for (key in src) {
  22.             if (src[key] && defaultSettings[key] && src[key] === defaultSettings[key]) continue;
  23.             else if (src[key]) defaultSettings[key] = src[key];
  24.         }
  25.     }
  26.     var oTemp = document.createDocumentFragment();
  27.     //获取页面最大宽度
  28.     var page_width = Math.max(document.body.scrollWidth, document.body.clientWidth);
  29.     var cutWidth = page_width * 0.0150;
  30.     var page_width = page_width - cutWidth;
  31.     //获取页面最大高度
  32.     var page_height = Math.max(document.body.scrollHeight, document.body.clientHeight) + 450;
  33.     page_height = Math.max(page_height, window.innerHeight - 30);
  34.     //如果将水印列数设置为0，或水印列数设置过大，超过页面最大宽度，则重新计算水印列数和水印x轴间隔
  35.     if (defaultSettings.watermark_cols == 0 || (parseInt(defaultSettings.watermark_x + defaultSettings.watermark_width * defaultSettings.watermark_cols + defaultSettings.watermark_x_space * (defaultSettings.watermark_cols - 1)) > page_width)) {
  36.         defaultSettings.watermark_cols = parseInt((page_width - defaultSettings.watermark_x + defaultSettings.watermark_x_space) / (defaultSettings.watermark_width + defaultSettings.watermark_x_space));
  37.         defaultSettings.watermark_x_space = parseInt((page_width - defaultSettings.watermark_x - defaultSettings.watermark_width * defaultSettings.watermark_cols) / (defaultSettings.watermark_cols - 1));
  38.     }
  39.     //如果将水印行数设置为0，或水印行数设置过大，超过页面最大长度，则重新计算水印行数和水印y轴间隔
  40.     if (defaultSettings.watermark_rows == 0 || (parseInt(defaultSettings.watermark_y + defaultSettings.watermark_height * defaultSettings.watermark_rows + defaultSettings.watermark_y_space * (defaultSettings.watermark_rows - 1)) > page_height)) {
  41.         defaultSettings.watermark_rows = parseInt((defaultSettings.watermark_y_space + page_height - defaultSettings.watermark_y) / (defaultSettings.watermark_height + defaultSettings.watermark_y_space));
  42.         defaultSettings.watermark_y_space = parseInt(((page_height - defaultSettings.watermark_y) - defaultSettings.watermark_height * defaultSettings.watermark_rows) / (defaultSettings.watermark_rows - 1));
  43.     }
  44.     var x;
  45.     var y;
  46.     for (var i = 0; i < defaultSettings.watermark_rows; i++) {
  47.         y = defaultSettings.watermark_y + (defaultSettings.watermark_y_space + defaultSettings.watermark_height) * i;
  48.         for (var j = 0; j < defaultSettings.watermark_cols; j++) {
  49.             x = defaultSettings.watermark_x + (defaultSettings.watermark_width + defaultSettings.watermark_x_space) * j;
  50.             var mask_div = document.createElement('div');
  51.             mask_div.id = 'mask_div' + i + j;
  52.             mask_div.className = 'mask_div';
  53.             mask_div.appendChild(document.createTextNode(defaultSettings.watermark_txt));
  54.             //设置水印div倾斜显示
  55.             mask_div.style.webkitTransform = "rotate(-" + defaultSettings.watermark_angle + "deg)";
  56.             mask_div.style.MozTransform = "rotate(-" + defaultSettings.watermark_angle + "deg)";
  57.             mask_div.style.msTransform = "rotate(-" + defaultSettings.watermark_angle + "deg)";
  58.             mask_div.style.OTransform = "rotate(-" + defaultSettings.watermark_angle + "deg)";
  59.             mask_div.style.transform = "rotate(-" + defaultSettings.watermark_angle + "deg)";
  60.             mask_div.style.visibility = "";
  61.             mask_div.style.position = "absolute";
  62.             mask_div.style.left = x + 'px';
  63.             mask_div.style.top = y + 'px';
  64.             mask_div.style.overflow = "hidden";
  65.             mask_div.style.zIndex = "9999";
  66.             //让水印不遮挡页面的点击事件
  67.             mask_div.style.pointerEvents = 'none';
  68.             mask_div.style.opacity = defaultSettings.watermark_alpha;
  69.             mask_div.style.fontSize = defaultSettings.watermark_fontsize;
  70.             mask_div.style.fontFamily = defaultSettings.watermark_font;
  71.             mask_div.style.color = defaultSettings.watermark_color;
  72.             mask_div.style.textAlign = "center";
  73.             mask_div.style.width = defaultSettings.watermark_width + 'px';
  74.             mask_div.style.height = defaultSettings.watermark_height + 'px';
  75.             mask_div.style.display = "block";
  76.             oTemp.appendChild(mask_div);
  77.         };
  78.     };
  79.     document.body.appendChild(oTemp);
  80. }

js禁右键(网上找的)

  1. document.oncontextmenu = function(){return false}

java

  1. import java.io.*;
  2. import java.util.ArrayList;
  3. import java.util.List;
  6. public class ExcelFileIO {
  8.     /**
  9.      * 加水印及禁右键
  10.      * @param folder :文件夹地址
  11.      * @param text :水印内容
  12.      */
  13.     public static void addWaterMark(String folder,String text){
  14.         try {
  15.             List<String> fileList = new ArrayList<String>();
  16.             getFilesList(new File(folder),fileList);
  17.             for (String url:fileList){
  18.                 fileWatermarkIO(url,text);
  19.                 fileForbiddenIO(url);
  20.             }
  21.         }catch (Exception e){
  22.             e.printStackTrace();
  23.         }
  24.     }
  26.     /**
  27.      * 禁右键
  28.      * @param folder 文件夹地址
  29.      */
  30.     public static void addForbidden(String folder){
  31.         try {
  32.             List<String> fileList = new ArrayList<String>();
  33.             getFilesList(new File(folder),fileList);
  34.             for (String url:fileList){
  35.                 fileForbiddenIO(url);
  36.             }
  37.         }catch (Exception e){
  38.             e.printStackTrace();
  39.         }
  40.     }
  43.     //读
  44.     public static String fileInput(String url) {
  45.         try {
  46.             FileInputStream fis = new FileInputStream(url);
  47.             BufferedInputStream bis = new BufferedInputStream(fis);
  48.             String content = null;
  49.             //字符缓冲区
  50.             byte[] buffer = new byte[10240];
  51.             int flag = 0;
  52.             while ((flag = bis.read(buffer)) != -1) {
  53.                 content += new String(buffer, 0, flag);
  54.             }
  55.             //关闭流
  56.             bis.close();
  57.             return content;
  58.         } catch (
  59.                 Exception e) {
  60.             e.printStackTrace();
  61.         }
  62.         return "";
  63.     }
  65.     //写
  66.     public static Boolean fileOutput(String url, String context){
  67.         Boolean result = false;
  68.         try {
  69.             FileOutputStream fos=new FileOutputStream(url);
  70.             BufferedOutputStream bos=new BufferedOutputStream(fos);
  71.             String content=context;
  72.             bos.write(content.getBytes(),0,content.getBytes().length);
  73.             bos.flush();
  74.             bos.close();
  75.             result = true;
  76.         } catch (Exception e) {
  77.             e.printStackTrace();
  78.         }
  79.         return result;
  80.     }
  83.     //加水印
  84.     public static Boolean fileWatermarkIO(String fileUrl, String waterMarkText) throws FileNotFoundException, UnsupportedEncodingException {
  85.         //读出内容
  86.         String textHtml = fileInput(fileUrl);
  87.         //水印的js
  88.         String context ="\n<script type=\"text/javascript\">\n" +
  89.                 "window.onload=function(){\n" +
  90.                 "var defaultSettings = {\n" +
  91.                 "        watermark_txt:\"" + waterMarkText + "\",\n" +
  92.                 "\t\twatermark_x:(100),\n" +
  93.                 "\t\twatermark_y:(window.innerHeight/2-60),\n" +
  94.                 "\t\twatermark_rows:1,\n" +
  95.                 "\t\twatermark_cols:1,\n" +
  96.                 "\t\twatermark_x_space:50,\n" +
  97.                 "\t\twatermark_y_space:50,\n" +
  98.                 "\t\twatermark_color:'#000000',\n" +
  99.                 "\t\twatermark_alpha:0.2,\n" +
  100.                 "\t\twatermark_fontsize:'120px',\n" +
  101.                 "\t\twatermark_font:'宋体',\n" +
  102.                 "\t\twatermark_width:window.innerWidth-200,\n" +
  103.                 "\t\twatermark_height:450,\n" +
  104.                 "\t\twatermark_angle:25\n" +
  105.                 "    };\n" +
  106.                 "    if (arguments.length === 1 && typeof arguments[0] === \"object\") {\n" +
  107.                 "        var src = arguments[0] || {};\n" +
  108.                 "        for (key in src) {\n" +
  109.                 "            if (src[key] && defaultSettings[key] && src[key] === defaultSettings[key]) continue;\n" +
  110.                 "            else if (src[key]) defaultSettings[key] = src[key];\n" +
  111.                 "        }\n" +
  112.                 "    }\n" +
  113.                 "    var oTemp = document.createDocumentFragment();\n" +
  114.                 "    var page_width = Math.max(document.body.scrollWidth, document.body.clientWidth);\n" +
  115.                 "    var cutWidth = page_width * 0.0150;\n" +
  116.                 "    var page_width = page_width - cutWidth;\n" +
  117.                 "    var page_height = Math.max(document.body.scrollHeight, document.body.clientHeight) + 450;\n" +
  118.                 "    page_height = Math.max(page_height, window.innerHeight - 30);\n" +
  119.                 "    var x;\n" +
  120.                 "    var y;\n" +
  121.                 "    for (var i = 0; i < defaultSettings.watermark_rows; i++) {\n" +
  122.                 "        y = defaultSettings.watermark_y + (defaultSettings.watermark_y_space + defaultSettings.watermark_height) * i;\n" +
  123.                 "        for (var j = 0; j < defaultSettings.watermark_cols; j++) {\n" +
  124.                 "            x = defaultSettings.watermark_x + (defaultSettings.watermark_width + defaultSettings.watermark_x_space) * j;\n" +
  125.                 "            var mask_div = document.createElement('div');\n" +
  126.                 "            mask_div.id = 'mask_div' + i + j;\n" +
  127.                 "            mask_div.className = 'mask_div';\n" +
  128.                 "            mask_div.appendChild(document.createTextNode(defaultSettings.watermark_txt));\n" +
  129.                 "            mask_div.style.webkitTransform = \"rotate(-\" + defaultSettings.watermark_angle + \"deg)\";\n" +
  130.                 "            mask_div.style.MozTransform = \"rotate(-\" + defaultSettings.watermark_angle + \"deg)\";\n" +
  131.                 "            mask_div.style.msTransform = \"rotate(-\" + defaultSettings.watermark_angle + \"deg)\";\n" +
  132.                 "            mask_div.style.OTransform = \"rotate(-\" + defaultSettings.watermark_angle + \"deg)\";\n" +
  133.                 "            mask_div.style.transform = \"rotate(-\" + defaultSettings.watermark_angle + \"deg)\";\n" +
  134.                 "            mask_div.style.visibility = \"\";\n" +
  135.                 "            mask_div.style.position = \"absolute\";\n" +
  136.                 "            mask_div.style.left = x + 'px';\n" +
  137.                 "            mask_div.style.top = y + 'px';\n" +
  138.                 "            mask_div.style.overflow = \"hidden\";\n" +
  139.                 "            mask_div.style.zIndex = \"9999\";\n" +
  140.                 "            mask_div.style.pointerEvents = 'none';\n" +
  141.                 "            mask_div.style.opacity = defaultSettings.watermark_alpha;\n" +
  142.                 "            mask_div.style.fontSize = defaultSettings.watermark_fontsize;\n" +
  143.                 "            mask_div.style.fontFamily = defaultSettings.watermark_font;\n" +
  144.                 "            mask_div.style.color = defaultSettings.watermark_color;\n" +
  145.                 "            mask_div.style.textAlign = \"center\";\n" +
  146.                 "            mask_div.style.width = defaultSettings.watermark_width + 'px';\n" +
  147.                 "            mask_div.style.height = defaultSettings.watermark_height + 'px';\n" +
  148.                 "            mask_div.style.display = \"block\";\n" +
  149.                 "            oTemp.appendChild(mask_div);\n" +
  150.                 "        };\n" +
  151.                 "    };\n" +
  152.                 "    document.body.appendChild(oTemp);\n" +
  153.                 "   }\n" +
  154.                 "</script>";
  155.         //用标签锁定添加位置
  156.         String indexStr = "</body>";
  157.         //组装
  158.         String newText = textHtml.replace(indexStr,indexStr+context);
  159.         //读的时候出现的问题，需要去除
  160.         newText = newText.replaceAll("null","");
  161.         //清空源文件里的内容
  162.         new PrintWriter(fileUrl,"UTF-8");
  163.         //写入
  164.         return fileOutput(fileUrl,newText);
  165.     }
  167.     //禁用右键
  168.     public static Boolean fileForbiddenIO(String fileUrl) throws FileNotFoundException, UnsupportedEncodingException {
  169.         String textHtml = fileInput(fileUrl);
  170.         String context ="\ndocument.oncontextmenu = function(){return false}";
  171.         String indexStr = "<script language=\"JavaScript\">";
  172.         String newText;
  173.         if (textHtml.indexOf(indexStr)==-1){//如果没有script就添加
  174.             context ="\n<script type=\"text/javascript\">\n" +
  175.                     "document.oncontextmenu = function(){return false}\n"+
  176.                     "</script>";
  177.             indexStr = "</body>";
  178.             newText = textHtml.replace(indexStr,indexStr+context);
  179.         }else {
  180.             newText = textHtml.replace(indexStr,indexStr+context);
  181.         }
  182.         newText = newText.replaceAll("null","");
  183.         new PrintWriter(fileUrl,"UTF-8");
  184.         return fileOutput(fileUrl,newText);
  185.     }
  187.     //获取文件路径数组
  188.     public static void getFilesList(File filesFolder, List<String> fileNames){
  189.         if (!filesFolder.exists() || !filesFolder.isDirectory()) {
  190.             return;
  191.         }
  192.         String[] files = filesFolder.list();
  193.         for (int i = 0; i < files.length; i++) {
  194.             File file = new File(filesFolder, files[i]);
  195.             if (file.isFile()) {//是文件
  196.                 if (file.getName().endsWith(".htm")||file.getName().endsWith(".html")){//如果后缀符合储存
  197.                     fileNames.add(filesFolder + file.separator + file.getName());
  198.                 }
  199.             } else {//是目录
  200.                 getFilesList(file, fileNames);
  201.             }
  202.         }
  203.     }
  204. }

原文链接：http://www.cnblogs.com/fengdebian/p/15747766.html

 友情链接：直通硅谷 　点职佳 　北美留学生论坛

JavaScript热门文章

  • echarts 饼图 + 全屏显示
  • js正则匹配以{开头,以}结尾的表达式怎么写？-附源码
  • echarts 实现数据(tooltip)自动轮播插件
  • Js设置博客园主题色(theme-color)
  • elementUI 设置input的只读或禁用的方法
  • 超级好用的流程图js框架 值得收藏
  • layui table+复杂表头+合并单元格
  • 获取地理位置
  • 如何使用JavaScript导入和导出Excel文件
  • WebStorm eslint插件报错解决 - TypeError: this.CliEngine is not a constructor

    • JavaScript推荐文章

  • 一些八股：1.fetch 的理解。2.let、const、var
  • 电子表格转身购物车：三步轻松实现
  • Canvas简历编辑器-图形绘制与状态管理(轻量级DOM)
  • IntersectionObserver + scrollIntoView 实现电梯导航 - xingba-coder
  • 可视化—gojs 超多超实用经验分享(三)
  • PixiJS源码分析系列： 第一章 从最简单的例子入手
  • WebRTC入门
  • 前端 Array.sort() 源码学习
  • 【技巧】JS代码这么写，前端小姐姐都会爱上你
  • 【JS】await异常捕获，这样做才完美

    • 本站QQ群：前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

    W3xue 的所有内容仅供测试，对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
    关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接（目前9元/月）请联系QQ：27243702 沸活量
    皖ICP备17017327号-2　皖公网安备34020702000426号