Download image from url on mobile

[Steven_W]

What’s the best solution to download an image file from a url in retool mobile? I tried utils.downloadFile(), but it seems it doesn’t support urls.

Reading a lot on this forum. Do I need a resource to retrieve an image somehow? How does that work?

[Paulo]

Hi @Steven_W, to do this we can just create a REST API resource to get the image first:

Here is my query that gets the image:

We can then use @joeBumbaca's solution to take care of the rest:

Download a file from Retool storage not working on App

Yep! The code above was just an example, but you can set the file attributes with whatever values you want. The RetoolStorage query should return all the information you need, and you can dynamically set the file type. Here's a bit more of a fleshed out example. [Screenshot 2024-01-30 at 9.47.58 AM]

That should work. However, there seems to be a bug with the utils.downloadFile on our current cloud version (3.66.0). If you are on Self-hosted Retool, it should work on older versions. I tested it on 3.33-stable and it worked.

We have an existing bug report for this issue, I added our experience to it. We'll update you here when it's fixed

[Steven_W]

let barcode = getBarcodeImage.data.base64Data;

utils.downloadFile({base64Data:barcode},'test', 'gif');

I did manage to retrieve the base64data. utils.downloadFile runs succesfully. But nothing is being downloaded. Seems you are right that there is a bug. there's no way I can find out if this actually works.

[Steven_W]

Is there are thread about this bug? I would like to read it

[Paulo]

Yes, let me link you to the current issue:

Using utils.downloadFile in Mobile

Hey all, I'm still facing the same issue both on Web Preview and an Android device. The Retool version I'm on is 3.35.0 and I'm using Samsung Galaxy A52s for testing. Here is a screenshot of the query I'm running [image] There's no indication of a download happening when I run this query. Base64 String: "/9j/4AAQSkZJRgABAQAAAQABAAD/4gHYSUNDX1BST0ZJTEUAAQEAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA…

The thread is long because it first happened about a year ago. Although it was fixed, it looks like there was a regression around Feb 17th.

[Paulo]

Update: This issue is fixed but the following has changed:

This syntax does not work anymore:

let file = query2.data

utils.downloadFile({base64Binary: file.base64Data}, "cat", "jpeg")

// won't work

Instead, take this approach:

let file = query2.data

utils.downloadFile(file.base64Data, "cat", "jpeg")

// works like a charm!