在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-04-27 09:26:49

    transform与transition区别与详解

    对元素进行移动、缩放、转动、拉长或拉伸。 方法:translate(): 元素从其当前位置移动,根据给定的 left(x 坐标) 和 top(y 坐标) 位置参数 有两个div,它们的css样式如下,transition:过渡 元素从一种样式逐渐改变为另一种的效果 有一个div,它的css样式如下:

  • 2020-04-27 11:02:21

    CSS 气泡对话框

    点击上面地址,我们可以看到一个灵活的css气泡,拖动按钮,改变气泡效果。

  • 2020-04-27 16:59:23

    Docker部署nuxtjs

    将一下文件拷贝至服务器目录/app |名称|描述| |-|-| |.nuxt|编译后生成的目录,开发模式和发布模式通用,注意发布前使用npm run build 防止将dev目录发布| |static| 静态资源文件,通过/可直接访问| |package.json|npm 包管理配置文件| |nuxt.config.js|Nuxt.js 默认的配置涵盖了大部分使用情形,可通过 nuxt.config.js 来覆盖默认的配置。| |node_modules|依赖模块|

  • 2020-04-28 10:47:16

    currentColor css 的使用

    以前我们在如何动态设置伪元素的颜色上非过不少心思,看完下面的文章,你就会超级见到那的设置伪元素的颜色了。

  • 2020-04-28 10:48:39

    使用currentColor设置SVG样式

    css自己也又很多变量哦,大家还要多多学习哦。CSS中的变量很有用,因为它们允许我们写更多DRY(不再自我重复,也就是不需要一直写重复内容的代码)代码。它们对于管理和维护大型项目也有非常好用,因为它们包含了大量重复的值。