I have this URL https://speakyfox-api-qa.herokuapp.com/api/v1/files/be28dcec-4912-4f58-8cb8-12b9b2948fc3. There is a PNG image on this URL address in blob storage accessible without any headers (normally) on the REST API. It opens normally from the web browser (e.g. Chrome). However, any attempt to load it in Java Android application to ImageView fails miserably. I have tried Volley, Picasso, Glide, Retrofit and manual methods. I include some code I have tried. The closest I have got to it produces this error message D/skia: --- Failed to create image decoder with message 'unimplemented'. The problem is that the content type is image/png, but I can't specify it anywhere and since the URL does not contain any extension, it proves rather problematic to decode. If you run the GET request through the API client (e.g. Postman), it will return a PNG file.
Same issue is present with this URL https://speakyfox-api-qa.herokuapp.com/api/v1/files/7b6f4529-256f-43a4-ac45-8613d96c505e. It contains a short MP3 file that I wish to put into MediaPlayer object.
Before shouting that it is a one liner, I would appreciate you trying to get the image displayed in ImageView. The issue is that the link is for html and not directly to data.
// 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);
This code, however, works (but is ugly)...
WebView webView = findViewById(R.id.webview);
webView.loadUrl("https://speakyfox-api-qa.herokuapp.com/api/v1/files/7b6f4529-256f-43a4-ac45-8613d96c505e");
Nevertheless, I need to make it work with ImageView.
EDIT: I have tried downloading the file with OkHttp using this code
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) {}
});
The response body is
{"code":{"group":3,"internalCode":200,"statusCode":200},"data":{"type":"Image","imageType":"Whole","name":"I and you.png","size":67710,"contentType":"image/png","id":"db296f16-3283-4ba5-a32b-52b9feb64764","modified":"2019-10-16T20:44:20.468276Z"}}
