Android—在WebView中下载Blob协议文件

最新推荐文章于 2025-05-13 09:51:31 发布

ListerCi

最新推荐文章于 2025-05-13 09:51:31 发布

阅读量4k

点赞数

CC 4.0 BY-SA版权

分类专栏： Android WebView 文章标签： android webview

本文链接：https://blog.csdn.net/ListerCi/article/details/106109776

之前有个需求是要下载Blob协议的gif，让我苦恼了好久。平时下载http协议的文件时直接获取输入流即可，但是Java无法获得Blob协议的文件流，无法直接处理。不过JavaScript处理Blob协议非常方便，可以考虑通过前端将该文件转化为Base64的字符串。

那么下载Blob协议文件时，可以先将链接传给前端，前端通过JS处理后得到Base64的文件流，再将文件流通过Android的JavaScript方法传给客户端。

按这个逻辑，JS处理文件流这块需要前端开发，不过有意思的是，这部分功能我们可以直接在客户端写。如下方的getBase64StringFromBlobUrl()方法，将JS代码拼成String，调用WebView.loadUrl(...)加载这段JS代码即可，那么所有的流程都能在客户端实现。

public class DownloadBlobFileJSInterface {
   
   

    private Context mContext;
    private DownloadGifSuccessListener mDownloadGifSuccessListener;

    public DownloadBlobFileJSInterface(Context context) {
   
   
        this.mContext = context;
    }

    public void setDownloadGifSuccessListener(DownloadGifSuccessListener listener) {
   
   
        mDownloadGifSuccessListener = listener;
    }

    @JavascriptInterface
    public void getBase64FromBlobData(String base64Data)  {
   
   
        convertToGifAndProcess(base64Data);
    }

    public static String getBase64StringFromBlobUrl(String blobUrl) {
   
   
        if (blobUrl.startsWith("blob")) {
   
   
            return "javascript: var xhr = new XMLHttpRequest();" +
                    "xhr.open('GET', '"