在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 />形式的字符串已经消失

  • 2017-07-05 09:48:51

    CSS 元素垂直居中的 6种方法

    利用CSS进行元素的水平居中,比较简单,行级元素设置其父元素的text-align center,块级元素设置其本身的left 和 right margins为auto即可。本文收集了六种利用css进行元素的垂直居中的方法,每一种适用于不同的情况,在实际的使用过程中选择某一种方法即可。

  • 2017-07-06 10:02:18

    大白话讲解Promise(一)

    去年6月份, ES2015正式发布(也就是ES6,ES6是它的乳名),其中Promise被列为正式规范。作为ES6中最重要的特性之一,我们有必要掌握并理解透彻。本文将由浅到深,讲解Promise的基本概念与使用方法。

  • 2017-07-11 21:54:14

    MYSQL5.7版本sql_mode=only_full_group_by问题

    一旦开启 only_full_group_by ,感觉,group by 将变成和 distinct 一样,只能获取受到其影响的字段信息,无法和其他未受其影响的字段共存,这样,group by 的功能将变得十分狭窄了

  • 2017-07-14 13:51:58

    NodeJS连接MySQL出现Cannot enqueue Handshake after invoking quit.

    原因在于node连接上mysql后如果因网络原因丢失连接或者用户手工关闭连接后,原有的连接挂掉,需要重新连接;如下代码,每次访问结束都关闭,每次开始访问前重连接下,代码中没有监听连接的fatal错误,copy需谨慎

  • 2017-07-14 13:53:02

    nodejs解决mysql和连接池(pool)自动断开问题

    最近在做一个个人项目,数据库尝试使用了mongodb、sqlite和mysql。分享一下关于mysql的连接池用法。项目部署于appfog,项目中我使用连接池链接数据库,本地测试一切正常。上线以后,经过几次请求两个数据接口总是报503。一直不明就里,今天经过一番排查终于顺利解决了。