在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-01-06 23:02:42

    Updating Homebrew... 更新了镜像依然卡死

    使用brew install [软件包]安装软件包时,卡在Updating Homebrew... 或输入`brew update`更新brew,半天没反应.产生原因一般是在国内访问官方 更新源获取资源太慢,解决方案可以采用更换国内镜像更新源.

  • 2020-01-07 10:06:00

    vue重定向beforeRouterEnter与replace的使用

    一个登录页面,只有第一次才会出现,一旦出现过,以后再也不会出现,即使是输入该页面的url也不会跳转到该页面,只会跳转到指定的其他页面;

  • 2020-01-07 10:14:07

    vue强制刷新组件 销毁和重建

    很多时候,通过重置数据将页面重置时,子组件可以提供重置的方法,或者提供props重置自己的状态。但是相对麻烦,那可以使用强制刷新来实现刷新组件。

  • 2020-01-07 10:17:42

    vue钩子函数beforeRouteUpdate没有反应

    由于会渲染同样的 Foo 组件,因此组件实例会被复用。而这个钩子就会在这个情况下被调用。 可以访问组件实例 `this`

  • 2020-01-08 13:23:24

    vue 中使用eventbus

    为了提高组件的独立性和重用性,父组件会通过props向下传数据给子组件,当子组件又事情要告诉父组件时用通过$emit事件告诉父组件,如此确保每个组件都是独立在相对隔离的环境中运行,可以大幅度提高组件的可维护性

  • 2020-01-08 13:30:30

    vue中eventbus被多次触发(vue中使用eventbus踩过的坑)

    一开始的需求是这样子的,我为了实现两个页面组件之间的数据传递,假设我有页面A,点击页面A上的某一个按钮之后,页面会自动跳转到页面B,同时我希望将页面A上的某一些参数携带过去给页面B。 然后我就想,这不就是不同组件之间的数据传递问题而已吗?直接用bus 巴士事件来传递数据不就行了吗。于是,我就很愉快地进行了。关于vue中的eventbus的使用,我之前在一篇vue中的数据传递中有提到过。