0

我有这个网址https://speakyfox-api-qa.herokuapp.com/api/v1/files/be28dcec-4912-4f58-8cb8-12b9b2948fc3。在 Blob 存储中,此 URL 地址上有一个 PNG 图像,可在 REST API 上无需任何标头(通常)即可访问。它可以从网络浏览器(例如 Chrome)正常打开。然而,任何试图在 Java Android 应用程序中将其加载到 ImageView 的尝试都失败了。我尝试过 Volley、Picasso、Glide、Retrofit 和手动方法。我包括一些我尝试过的代码。我最接近它会产生此错误消息D/skia: --- Failed to create image decoder with message 'unimplemented'。问题是内容类型是image/png,但我无法在任何地方指定它,并且由于 URL 不包含任何扩展名,因此解码起来相当有问题。如果您通过 API 客户端(例如 Postman)运行 GET 请求,它将返回一个 PNG 文件。

此 URL 也存在同样的问题https://speakyfox-api-qa.herokuapp.com/api/v1/files/7b6f4529-256f-43a4-ac45-8613d96c505e。它包含一个我希望放入 MediaPlayer 对象的简短 MP3 文件。

在大喊它是单线之前,我很感激您尝试让图像显示在 ImageView 中。问题是该链接是针对 html 而不是直接针对数据。

// Getting reference to ImageView object
ImageView imageView = (ImageView)findViewById(R.id.imageView);

// Loading using Picasso
Picasso.get().load("https://speakyfox-api-qa.herokuapp.com/api/v1/files/be28dcec-4912-4f58-8cb8-12b9b2948fc3").into(imageView);

// Loading using Glide
Glide.with(MainActivity.this).load("https://speakyfox-api-qa.herokuapp.com/api/v1/files/be28dcec-4912-4f58-8cb8-12b9b2948fc3").into(imageView);

// Loading using HttpURLConnection/InputStream/Bitmap executed in Async task
java.net.URL url = new java.net.URL("https://speakyfox-api-qa.herokuapp.com/api/v1/files/be28dcec-4912-4f58-8cb8-12b9b2948fc3");
HttpURLConnection connection = (HttpURLConnection) url.openConnection();
connection.setDoInput(true);
connection.connect();
InputStream input = connection.getInputStream();
Bitmap myBitmap = BitmapFactory.decodeStream(input);
imageView.setImageBitmap(myBitmap);

// Using Volley [ImageRequest]
RequestQueue queue = Volley.newRequestQueue(this);
ImageRequest request = new ImageRequest("https://speakyfox-api-qa.herokuapp.com/api/v1/files/be28dcec-4912-4f58-8cb8-12b9b2948fc3", new Response.Listener<Bitmap>() {
        @Override
        public void onResponse(Bitmap response) {
            imageView.setImageBitmap(response);
        }
    }, 0, 0, Bitmap.Config.RGB_565, null){
        /** Passing some request headers* */
        @Override
        public Map getHeaders() {
            HashMap headers = new HashMap();
            headers.put("Content-type","image/png");
            return headers;
        }
queue.add(request);

// Using Volley [NetworkImageView]
NetworkImageView networkImageView = (NetworkImageView) findViewById(R.id.networkImageView);
RequestQueue mRequestQueue = Volley.newRequestQueue(this);
ImageLoader mImageLoader = new ImageLoader(mRequestQueue, new ImageLoader.ImageCache() {
        private final LruCache<String, Bitmap> mCache = new LruCache<String, Bitmap>(10);
        public void putBitmap(String url, Bitmap bitmap) {
            mCache.put(url, bitmap);
        }
        public Bitmap getBitmap(String url) {
            return mCache.get(url);
        }
    });
networkImageView.setImageUrl("https://speakyfox-api-qa.herokuapp.com/api/v1/files/be28dcec-4912-4f58-8cb8-12b9b2948fc3", mImageLoader);

// Using Volley [StringRequest]
RequestQueue queue = Volley.newRequestQueue(this);
StringRequest getRequest = new StringRequest(Request.Method.GET, url, new Response.Listener<String>() {
        @Override
        public void onResponse(String response) {
            byte[] decodedString = Base64.decode(response, Base64.URL_SAFE);
            Bitmap decodedByte = BitmapFactory.decodeByteArray(decodedString, 0, decodedString.length);
            imageView.setImageBitmap(decodedByte);
        }
    }, new Response.ErrorListener() {
        @Override
        public void onErrorResponse(VolleyError error) {}
    }) {
        /** Passing some request headers* */
        @Override
        public Map getHeaders() {
            HashMap headers = new HashMap();
            headers.put("Content-type","image/png");
            return headers;
        }
    };
queue.add(getRequest);

但是,此代码有效(但很难看)...

WebView webView = findViewById(R.id.webview);
webView.loadUrl("https://speakyfox-api-qa.herokuapp.com/api/v1/files/7b6f4529-256f-43a4-ac45-8613d96c505e");

不过,我需要让它与 ImageView 一起工作。

编辑:我尝试使用此代码使用 OkHttp 下载文件

Request request = new Request.Builder().url(url).addHeader("Content-Type", "image/png").build();

OkHttpClient client = new OkHttpClient();
Call call = client.newCall(request);
call.enqueue(new Callback() {
    public void onResponse(Call call, Response response) throws IOException {
        Log.e("",response.body().string());
    }
    public void onFailure(Call call, IOException e) {}
});

响应主体是

{"code":{"group":3,"internalCode":200,"statusCode":200},"data":{"type":"Image","imageType":"Whole","name": "我和你.png","size":67710,"contentType":"image/png","id":"db296f16-3283-4ba5-a32b-52b9feb64764","modified":"2019-10-16T20 :44:20.468276Z"}}

4

3 回答 3

1

有问题的图像是 1.6MB 的 PNG,大小为 5610 x 3963 像素。特别注意:

  • 目前没有具有该分辨率(或类似分辨率)屏幕的主流 Android 设备

  • 该图像将占用大约 85MB 的堆空间

很可能,您的问题是图像太大,您无法为解码图像分配 85MB 的内存块。任何一个:

于 2019-12-02T23:47:38.620 回答
0

问题是该链接是针对 html 而不是直接针对数据。

的确。并且 ImageView 不会显示 html。

这样你就知道原因了。

这是第一个链接的html:

<html><head><meta name="viewport" content="width=device-width; height=device-height;"><link rel="stylesheet" href="resource://content-accessible/ImageDocument.css"><link rel="stylesheet" href="resource://content-accessible/TopLevelImageDocument.css"><link rel="stylesheet" href="chrome://global/skin/media/TopLevelImageDocument.css"><title>be28dcec-4912-4f58-8cb8-12b9b2948fc3 (PNG-afbeelding, 5610&nbsp;×&nbsp;3963 pixels) - Geschaald (13%)</title></head><body><img src="https://speakyfox-api-qa.herokuapp.com/api/v1/files/be28dcec-4912-4f58-8cb8-12b9b2948fc3" alt="https://speakyfox-api-qa.herokuapp.com/api/v1/files/be28dcec-4912-4f58-8cb8-12b9b2948fc3" class="transparent shrinkToFit" width="746" height="527"></body></html>

你最好采取一个WebView。

于 2019-12-03T10:38:43.663 回答
0

我找到了解决方案。我已经复制了在 Postman 中自动添加的所有请求标头。我只剩下两个了。标头使服务器返回的不是 html,而是图像本身。我无法使用上面指定的大多数方法使其工作,但其中一种工作得很好。


RequestQueue queue = Volley.newRequestQueue(this);
ImageRequest request = new ImageRequest(url, new Response.Listener<Bitmap>() {
    @Override
    public void onResponse(Bitmap response) {
        imageView.setImageBitmap(response);
    }
}, 0, 0, ImageView.ScaleType.CENTER_INSIDE, null, null){
    /** Passing some request headers* */
    @Override
    public Map getHeaders() {
        HashMap headers = new HashMap();
        headers.put("Accept","*/*");
        headers.put("Cache-Control","no-cache");
        return headers;
    }
};
queue.add(request);

还有另一个构造函数(没有 ImageView.ScaleType.CENTER_INSIDE),但它被标记为已弃用。即使使用像指定 URL 中的大图像(尽管加载需要一秒钟),它也能很好地工作。唯一的问题是来自 OkHttp 的警告说连接正在泄漏。

于 2019-12-04T00:23:53.300 回答