iOS Question [Solved] Load image file from File.DirDocuments in Webview

aeric · Oct 5, 2018

Hi guys,

I download an image from my server and store in File.DirDocuments. I want to display the image in webview using html but the image doesn't show.

I log the destination folder and show:

B4X:

myimage.jpg written to /var/mobile/Containers/Data/Application/5E43A1B2-2468-123B-A456-B1BB22F330BC/Documents/

I build my html like:

B4X:

strHtml = strHtml & $"<p><img src="file://"$ & File.Combine(File.DirDocuments, "myimage.jpg") & $"" width="100%"></p>"$

Is there a workaround?

aeric · Oct 5, 2018

I change my HTML to the following so the webview just load the image from the server:
strHtml = strHtml & $"<p><img src="https://mydomain.com/images/"$ & strfilename & $"" width="100%"></p>"$

Just wondering whether webview able to load the image from device storage such as
File.DirDocuments?

Erel · Oct 7, 2018

You are not using the string literal correctly.

B4X:

strHtml = strHtml & $"<p><img src="file://${File.Combine(File.DirDocuments, "myimage.jpg")}" width="100%"></p>"$

You can load images from File.DirDocuments.
Example:

B4X:

File.Copy(File.DirAssets, "smiley.png", File.DirDocuments, "1.png")
WebView1.LoadHtml($"<img src="file://${File.Combine(File.DirDocuments, "1.png")}"/>"$)

aeric · Oct 7, 2018

Thanks Erel. Will try the code later.

iOS Question [Solved] Load image file from File.DirDocuments in Webview

aeric

Expert

aeric

Expert

Erel

B4X founder

aeric

Expert

Similar Threads

iOS Question [Solved] Load image file from File.DirDocuments in Webview

aeric

Expert

aeric

Expert

Erel

B4X founder

aeric

Expert

Similar Threads

Privacy & Transparency

Privacy & Transparency