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

  • 2018-03-04 10:15:33

    HTTP代理协议 HTTP/1.1的CONNECT方法

    我们平时使用HTTP协议无非就是GET、POST这些方法,但是HTTP的内容远不止那些。今天就来说说HTTP代理使用的CONNECT。这个不是在网页开发上用的,如果没兴趣就跳过吧。

  • 2018-03-05 11:30:04

    iOS wkwebkit 播放HTML5 视频 全屏问题解决

    使用html5 的video标签播放视频的时候,限制视频的尺寸,在android上是没有问题的,但是在ios上发现,视频没有开始播放的时候还是好的,但是一旦播放开是,就会全屏,非常奇怪。

  • 2018-03-07 14:35:32

    centos7下yum安装ffmpeg

    安装EPEL Release,因为安装需要使用其他的repo源,所以需要EPEL支持 yum install -y epel-release

  • 2018-03-08 09:44:12

    前端性能监控:window.performance

    Web Performance API允许网页访问某些函数来测量网页和Web应用程序的性能,包括 Navigation Timing API和高分辨率时间数据。

  • 2018-03-08 09:44:15

    前端性能监控:window.performance

    Web Performance API允许网页访问某些函数来测量网页和Web应用程序的性能,包括 Navigation Timing API和高分辨率时间数据。

  • 2018-03-08 09:47:14

    ES6,Array.fill()函数的用法

    ES6为Array增加了fill()函数,使用制定的元素填充数组,其实就是用默认内容初始化数组。