求助：无法通过Glide等库加载Facebook Graph接口图片

我之前也踩过这个坑，Facebook Graph的这个图片接口有点特殊——它默认返回的是附件下载类型的响应（响应头里带Content-Disposition: attachment），这就是为啥Chrome会自动下载而不是直接显示，同时也让Glide、Picasso、UniversalImageLoader这些图片加载库以及BitmapFactory都栽了跟头，毕竟它们默认处理的是能直接渲染的inline类型图片。

下面给你几个可行的解决方案，按简便程度排序：

方案1：给URL加redirect=true参数（最省心） #

Facebook Graph API支持通过redirect=true参数强制返回inline类型的图片响应，接口会直接重定向到图片的实际存储地址，这样所有图片加载库都能正常识别并加载。修改后的URL如下：

• 大图地址：https://graph.facebook.com/100779423975829/picture?type=large&redirect=true
• 普通图地址：https://graph.facebook.com/100779423975829/picture?type=normal&redirect=true

直接用这个新URL替换原来的，Glide、Picasso这些库不用改任何代码就能正常加载图片了。

方案2：手动处理HTTP响应流（适合自定义场景） #

如果不想修改URL，你可以手动发起HTTP请求，忽略响应头里的attachment标记，直接读取流来解码图片。

BitmapFactory示例代码： #

try {
    URL imageUrl = new URL("https://graph.facebook.com/100779423975829/picture?type=large");
    HttpURLConnection connection = (HttpURLConnection) imageUrl.openConnection();
    // 模拟浏览器的User-Agent，避免被接口拦截
    connection.setRequestProperty("User-Agent", "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36");
    connection.setDoInput(true);
    connection.connect();
    
    InputStream inputStream = connection.getInputStream();
    Bitmap bitmap = BitmapFactory.decodeStream(inputStream);
    
    // 记得关闭流和连接
    inputStream.close();
    connection.disconnect();
    
    // 这里处理加载好的bitmap
} catch (IOException e) {
    e.printStackTrace();
}

UniversalImageLoader自定义下载器： #

UIL默认会因为响应是attachment类型而报错，你可以自定义ImageDownloader来跳过这个判断：

public class FacebookImageDownloader extends BaseImageDownloader {
    public FacebookImageDownloader(Context context) {
        super(context);
    }

    @Override
    protected InputStream getStreamFromNetwork(URI imageUri, Object extra) throws IOException {
        HttpURLConnection connection = (HttpURLConnection) new URL(imageUri.toString()).openConnection();
        // 添加浏览器UA，确保请求正常
        connection.setRequestProperty("User-Agent", "Mozilla/5.0");
        // 直接返回输入流，忽略Content-Disposition的attachment标记
        return connection.getInputStream();
    }
}

然后在初始化UIL的时候配置这个下载器：

ImageLoaderConfiguration config = new ImageLoaderConfiguration.Builder(context)
        .imageDownloader(new FacebookImageDownloader(context))
        .build();
ImageLoader.getInstance().init(config);

方案3：WebView中的处理 #

如果是在WebView里加载这个图片，你可以拦截URL请求，自动添加redirect=true参数：

webView.setWebViewClient(new WebViewClient() {
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
        String url = request.getUrl().toString();
        // 判断是否是Facebook Graph的图片请求
        if (url.contains("graph.facebook.com") && url.contains("/picture")) {
            // 如果没有redirect参数，自动添加
            if (!url.contains("redirect=true")) {
                String newUrl = url + (url.contains("?") ? "&" : "?") + "redirect=true";
                view.loadUrl(newUrl);
                return true;
            }
        }
        return super.shouldOverrideUrlLoading(view, request);
    }
});

总的来说，方案1是最省事的，只需要改个URL就能解决所有问题，优先推荐这个方法。

内容的提问来源于stack exchange，提问作者javieritis