从WebView获取图片的几种方式

    微信在浏览网页的时候,我们可以选择长按图片,然后会弹出对话框,询问我们要做什么——保存啊,收藏啊什么的。恰好项目中要用到这个功能,就小做了一番研究, 各种找资料看博客浏览源码,总结了几种方式,特此记录一下。

   首先是监听webview的长按事件,这个入口必须要实现,要不然怎么知道是那张图片呢。

vWeb.setOnLongClickListener(new View.OnLongClickListener() {
            @Override
            public boolean onLongClick(View v) {
                HitTestResult result = vWeb.getHitTestResult();
                if (result.getType() == HitTestResult.IMAGE_TYPE) {
                    String url = result.getExtra();
                    return true;
                }
                return false;
            }
        });

webview长按后,通过getHitTestResult()方法可以得到一个HitTestResult对象,通过这个对象可以知道点击区域的内容是什么mimeType以及对应的url。

门口找到了,下面说说怎么进门的问题。目前找到3中方法拿到对应的图片。


1、读取webview缓存的图片对象

参考http://www.cnblogs.com/linjiqin/archive/2011/10/28/2227943.html

这个方式有两个问题,首先如何从数据库找到图片url对应的图片的文件名,其次我在v19的手机上,发现图片文件根本打不开,猜测是对图片数据格式做了特殊处理。很遗憾我没有解决这两个问题。


2、自己管理webview的图片下载

WebViewClient类有两个可重写的方法:

            public WebResourceResponse shouldInterceptRequest(WebView view,
                    String url) {
                return null;
            }

            @Override
            public WebResourceResponse shouldInterceptRequest(WebView view,
                    WebResourceRequest request) {
                return super.shouldInterceptRequest(view, request);
            }
        });

第二个方法是v21才有的,用于替代第一个方法。这两个方法的作用也很明显,webview显示网页需要先把资源下载下来,它有自己的网络访问机制,覆写这两个方法中的一个,我们可以自己下载管理图片资源,然后返回一个WebResourceResponse对象给webView就可以了。

这是一个可行的方案。


3、html2canvas

html2canvas是一个js截屏的工具,可以用纯js代码对html某个元素进行截图。

这个方法对于不太熟悉js的同学是个挑战,而且只能实现截图,不能获取最原始的图片。

也算是一个可行的方案。


从灵活性上来说还是第二个方案比较好,自己管理图片的话,也就可以实现微信的浏览当前网页所有图片的功能了!


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值