在java中和javascript中过滤掉类似于img形式的字符串,从而不显示图片

2018-02-24 10:27:27

1:javascript过滤掉<img></img>和<img />形式的字符串

[html] view plain copy

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  

  2. <html xmlns="http://www.w3.org/1999/xhtml">  

  3. <head>  

  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  

  5. <title>过滤html中的img属性</title>  

  6. <script type="text/javascript">  

  7.    var htmlContent = "<div id='test'><img src='aaa' height='4' width='4'></img><img src='ff' width='44' height='444' /></div>";  

  8.    var data = htmlContent.replace(/<img.*>.*<\/img>/ig,"");   //过滤如<img></img>形式的图片元素  

  9.    data = data.replace(/<img.*\/>/ig, "");   //过滤如<img />形式的元素  

  10.    alert(data);  

  11. </script>  

  12. </head>  

  13.   

  14. <body>  

  15. </body>  

  16. </html>  

 

程序效果:


可以看到类似于<img></img>和<img />形式的字符串已经消失

 

2:java代码过滤字符串中类似于<img></img>和<img />形式的字符串

   

[java] view plain copy

  1. public class TestRegex {  

  2.   

  3.     public static void main(String[] args) {  

  4.         String html = "<div id='test'><img src='aaa' height='4' width='4'></img><img src='ff' width='44'      height='444' /></div>"//要被过滤的字符串  

  5.           

  6.         /* 

  7.          * 替换掉<img></img>和<img />的形式的字符串为空字符串 

  8.          */  

  9.         String destStr = html.replaceAll("<img.*>.*</img>""").replaceAll("<img.*/>""");    

  10.         System.out.println(destStr);  

  11.   

  12.     }  

  13. }  


程序输出结果为:

<div id='test'></div>

可以看到类似于<img></img>和<img />形式的字符串已经消失

  • 2020-03-22 21:16:07

    用vue做的跟随鼠标移动的div

    最近接到一个任务,就是在既存用electron-vue开发的桌面端程序上追加随鼠标移动的动画效果,之前一直使用angular和react,没怎么接触过vue,先做一个vue的简单例子,然后再整合。

  • 2020-03-23 15:16:30

    import,require具体用法

    import 和 require 是JS模块化编程使用的,是前端开发者们在性能探索中的又一大进步。

  • 2020-03-30 15:37:12

    PM2下使用 npm run 命令

    npm run xxxx 是 node常用的启动方式之一,本文介绍下如何用PM2来实现该方式的启动。 下面是项目的package.json文件部分代码:

  • 2020-04-01 10:15:11

    vue-cli3.0中vue.config.js的基本配置(去除esLint提示和解决build后静态文件路径报错)

    vue-cli是开发vue项目必不可少的脚手架工具,3.0版本之前的目录结构是由config目录的,关于webpack配置的文件都放在该目录里面,而3.0版本之后做了一个大更新,webpack相关的默认配置都帮你集成到webpack的npm 包里面去了,官方提供的一种修改配置的方式就是开发者自己在项目的根目录(与src同层级的目录)下建立一个vue.config.js的文件,然后去覆盖自定义的配置,达到你想要的效果,下面写一个基本的默认配置